Bootstrap comprend un système de grille souple, fluide, qui évolue jusqu'à 12 colonnes. Il comprend des classes prédéfinies pour les options de mise en page, ainsi que mixins puissants pour générer des dispositions plus sémantiques.
| Extra small devicesPhones (<768px) | Small devices Tablets (≥768px) | Medium devicesDesktops (≥992px) | Large devices Desktops (≥1200px) | |
|---|---|---|---|---|
| Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints | ||
| Container width | None (auto) | 750px | 970px | 1170px |
| Class prefix |
.col-xs-
|
.col-sm-
|
.col-md-
|
.col-lg-
|
| # of columns | 12 | |||
| Column width | Auto | ~62px | ~81px | ~97px |
| Gutter width | 30px (15px on each side of a column) | |||
| Nestable | Yes | |||
| Offsets | Yes | |||
| Column ordering | Yes | |||
