Equal-Width Columns
.row &
.col
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
1 of 4
2 of 4
3 of 4
4 of 4
1 of 12
2 of 12
3 of 12
4 of 12
5 of 12
6 of 12
7 of 12
8 of 12
9 of 12
10 of 12
11 of 12
12 of 12
Equal-Width Columns
(with divider)
.row
.col &
.w-100
1 of 4
2 of 4
3 of 4
4 of 4
One Wider Column
.row &
.col or
.col-# =
.col-{1-12}
1 of 3
2 of 3 (wider)
2 of 3
No Gutters
.no-gutters
1 of 3
2 of 3 (wider)
2 of 3
Various Column Sizes
.row &
.col-# =
.col-{1-12}
.col-4
.col-8
.col-6
.col-6
.col-4
.col-4
.col-12
.col-12
Column Wrapping
.row &
.col-# =
.col-{1-12}
.col-9
.col-4
.col-6
.col-7
.col-6
.col-5
One Row
.row &
.col-# =
.col-{1-12}
.col-2
.col-4
.col-6
.col-2
.col-4
.col-6
.col-2
.col-4
.col-6