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

/

Fix:100

Layouts - width:fixed

contents

Layouts - width:100% - 240px

contents

Code view

<div class="card card_border card_fix_left card_mob_height" style="height:700px;">
    <!--card_title-->
    <div class="card_title bottomline">
        <h4>
            Layouts - width:fixed
        </h4>
    </div>
    <!--card_title-->
    <!--card-->
    <div class="card card_border">
        contents
    </div>
    <!--card-->
</div>

Code view

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

Layouts

Fix:100

Layouts - width:fixed Code

Layouts - width:100% - 240px Code

Code view

Code view

Layouts - width:fixed

Layouts - width:100% - 240px