Forest

ID Name

Profile
My page
Settings
Log out

Dashboard
- Sales Dashboard
- Basic Dashboard

PAGES

로그인
회원관리
Example Page

COMPONENTS

Charts
Layouts
- 100
- 50:50
- 20:80
- 33:33:33
- 25:25:25:25
- Fix:100
- Example
Elements
Tables
- Basic Table
- Data Table
Tabs
Tree menu
Icon
Popup
Swipe

Layouts

/

20:80

Layouts - width:20%

contents

Layouts - width:80%

contents

Code view

<div class="card card_border card_width20" style="height:700px;">
    <!--card_title-->
    <div class="card_title bottomline">
        <h4>
            Layouts - width:20%
        </h4>
    </div>
    <!--card_title-->
    <!--card-->
    <div class="card card_border">
        contents
    </div>
    <!--card-->
</div>

Code view

<div class="card card_border card_width80" style="height:700px;">
    <!--card_title-->
    <div class="card_title bottomline">
        <h4>
            Layouts - width:80%
        </h4>
    </div>
    <!--card_title-->
    <!--card-->
    <div class="card card_border">
        contents
    </div>
    <!--card-->
</div>

Layouts

20:80

Layouts - width:20% Code

Layouts - width:80% Code

Code view

Code view

Layouts - width:20%

Layouts - width:80%