Super N

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

/

50:50

Layouts - width:50%

contents

Layouts - width:50%

contents

Code view

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

Code view

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

Layouts

50:50

Layouts - width:50% Code

Layouts - width:50% Code

Code view

Code view

Layouts - width:50%

Layouts - width:50%