Grid
Use Bootstrap's powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes
Grid on BootstrapGrid options
While Bootstrap uses.col-,.col-sm-,.col-md-,.col-lg- and.col-xl-, we introduced a new breakpoint,.col-xxl- for the massive screen size.
| Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | Extra large ≥1200px | Massive ≥1400px | |
|---|---|---|---|---|---|---|
| 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 | 30px (15px on each side of a column) | |||||
| Nestable | Yes | |||||
| Column ordering | Yes | |||||
