#### Grid Options

| 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

#### 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

#### Equal Width

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

#### Setting One Column Width

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

#### 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

##### Theme Customizer

###### Layout

Vertical
Horizontal

###### Layout Mode

Light
Dark

###### Layout Width

Fluid
Boxed

###### Topbar Color

Light
Dark

###### Direction

LTR
RTL