English Full width
Two columns
Two columns
Three columns
Three columns
Three columns
Four columns
Four columns
Four columns
Four columns
Grid options
See how aspects of the Bootstrap grid system work across multiple devices with a handy table. For more Visit Bootstrap 5 official website grid page.
| Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | Extra large ≥1200px | Extra extra large ≥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 | 1.5rem (.75rem on each side of a column) | |||||
| Custom gutters | Yes | |||||
| Nestable | Yes | |||||
| Column ordering | Yes | |||||