Grids
Grids
xs <576px |
sm ≥576px |
md ≥768px |
lg ≥992px |
xl ≥1200px |
xxl ≥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.5rem (.75rem on left and right) | |||||
Custom gutters | Yes | |||||
Nestable | Yes | |||||
Column ordering | Yes |
Grid-Example
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3
Grid-Example
.col-md-3
.col-md-6
.col-md-3
Grid-Example
.col-lg-6
.col-lg-6
Grid-Example
.col-xl-4
.col-xl-4
.col-xl-4
Grid-Example
.col-xxl-6
.col-xxl-6
Grid-Example
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-6
.col-sm-6
.col-sm-12
Grid-Example
.col-sm-8 offset-sm-2
.col-sm-3 ml-auto
.col-sm-3 ml-auto
.col-sm-3
.col-sm-3 offset-sm-3