LAYOUT

TEMPLATE STRUCTURE
#COMMON

HEAD

JS & CSS LOAD

FS INITIALIZE

BODY
#LAYOUT

MODAL

EXECUTE FRAME

#HEADER
HEADER
#CONTAINER
div.body
#CONTENTS
#FOOTER
FOOTER
#PROFILER
GRID OPTIONS
xs
<576px
sm
≥576px
md
≥768px
lg
≥992px
xl
≥1200px
xxl
≥1400px
Container max-width None (auto) 540px 720px 960px 1140px 1320px
Class prefix .col- .col-sm .col-md .col-lg .col-xl .col-xxl
Z-INDEX
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
PLACE HOLDER

GRID BOOTSTRAP GRID
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-1
COL-2
COL-2
COL-2
COL-2
COL-2
COL-2
COL-3
COL-3
COL-3
COL-3
COL-4
COL-4
COL-4
COL-6
COL-6
COL-12

TYPOGRAPH FONT SYSTEM BOOTSTRAP GRID

타이포그래프 TYPOGRAPH 30
타이포그래프 TYPOGRAPH 24
타이포그래프 TYPOGRAPH 20
타이포그래프 TYPOGRAPH 18
타이포그래프 TYPOGRAPH 16
타이포그래프 TYPOGRAPH 14
타이포그래프 TYPOGRAPH 12
타이포그래프 TYPOGRAPH 11
타이포그래프 TYPOGRAPH 10
타이포그래프 TYPOGRAPH 20 900 Black
타이포그래프 TYPOGRAPH 20 700 Bold
타이포그래프 TYPOGRAPH 20 500 Medium
타이포그래프 TYPOGRAPH 20 400 Regular
타이포그래프 TYPOGRAPH 20 300 Light
타이포그래프 TYPOGRAPH 20 100 Thin
BUTTONS BOOTSTRAP BUTTON