Available breakpoints
| Breakpoint | Class infix | Dimensions |
|---|---|---|
| X-Small | None | <576px |
| Small | sm
|
�76px |
| Medium | md
|
�68px |
| Large | lg
|
�92px |
| Extra large | xl
|
�200px |
| Extra extra large | xxl
|
�400px |
Containers
| Extra small
<576px |
Small
�76px |
Medium
�68px |
Large
�92px |
X-Large
�200px |
XX-Large
�400px |
|
|---|---|---|---|---|---|---|
.container
|
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-sm
|
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-md
|
100% | 100% | 720px | 960px | 1140px | 1320px |
.container-lg
|
100% | 100% | 100% | 960px | 1140px | 1320px |
.container-xl
|
100% | 100% | 100% | 100% | 1140px | 1320px |
.container-xxl
|
100% | 100% | 100% | 100% | 100% | 1320px |
.container-fluid
|
100% | 100% | 100% | 100% | 100% | 100% |
Grid options
| xs
<576px |
sm
�76px |
md
�68px |
lg
�92px |
xl
�200px |
xxl
�400px |
|
|---|---|---|---|---|---|---|
Container max-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 | 1.5rem (.75rem on left and right) | |||||
| Custom gutters | Yes | |||||
| Nestable | Yes | |||||
| Column ordering | Yes | |||||