-
-
- NEW
- Custom Pages
-
-
-
-
- Layouts
-
-
- Components
-
-
-
-
-
-
- Menu Items
-
Notifications
Critical alert: Server crash detected
30 minutes ago
30 minutes ago
High memory usage on Node A
10 minutes ago
10 minutes ago
Liam Carter uploaded a new document to Project Phoenix
5 minutes ago
Ava Mitchell commented on Marketing Campaign Q3
12 minutes ago
Noah Blake updated the status of Client Onboarding
30 minutes ago
30 minutes ago
New comment on Task #142
15 minutes ago
15 minutes ago
Low battery on Device X
45 minutes ago
45 minutes ago
Grids
Built for Speed. Designed for Control.
Options
Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.
Grid Options on BootstrapGrid Options
See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
|
Extra small <576px |
Small ≥576px |
Medium ≥768px |
Large ≥992px |
Extra Large ≥1200px |
Extra Large ≥1400px |
|
|---|---|---|---|---|---|---|
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.25rem (0.625rem on left and right) | |||||
| Custom gutters | Yes | |||||
| Nestable | Yes | |||||
| Column ordering | Yes | |||||