Grid System
Basic
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
Grid for column
col-span-1
col-span-2
col-span-2
col-span-3
col-span-4
col-span-5
col-span-7
col-span-6
col-span-6
col-span-8
col-span-4
col-span-9
col-span-3
col-span-10
col-span-2
col-span-12
Vertical alignment
one column
two column
one column
two column
one column
two column
Horizontal alignment
one column
two column
one column
two column
one column
two column
Nesting
Level 1: .col-3
Level 2: .col-span-5
Level 2: .col-span-7
Level 1:
.col-span-2
Level 1:
.col-span-10
Level 2: .col-4