#### Grid

##### Grid Option

| xs <576px | sm ≥576px | md ≥768px | lg ≥992px | xl ≥1200px | xxl ≥1400px
--- | --- | --- | --- | --- | --- | ---
Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints
Max container width | None (auto) | 540px | 720px | 960px | 1140px | 1320px
Class prefix | `.col-` | `.col-sm-` | `.col-md-` | `.col-lg-` | `.col-xl-` | `.col-xxl-`
# of columns | 12
Gutter width | 24px (12px on each side of a column)
Custom gutters | Yes
Nestable | Yes
Offsets | Yes
Column ordering | Yes

##### Equal Width

1 of 1
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3

##### Mix and Match

.col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6
.col-6

##### Setting One Column

1 of 3
2 of 3 (wider)
3 of 3
1 of 3
2 of 3 (wider)
3 of 3

##### Variable width content

1 of 3
Variable Width Content
3 of 3
1 of 3
Variable width content
3 of 3

##### All Breakpoints

Col
Col
Col
Col
col-8
col-4

##### Stacked To Horizontal

col-sm-8
col-sm-4
col-sm
col-sm
col-sm

##### Row Columns

Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column

##### Nesting

Level 1: .col-sm-3
Level 2: .col-8 .col-sm-6
Level 2: .col-4 .col-sm-6