-
-
Druid WensleydaleA wonderful serenit of my entire soul. 20 May 2018, 15:32
- Inverness McKenzieA wonderful serenit of my entire soul. 20 May 2018, 15:32
- McKenzie InvernessA wonderful serenit of my entire soul. 20 May 2018, 15:32
- Inverness McKenzieA wonderful serenit of my entire soul. 20 May 2018, 15:32
- Show All Notifications
-
-
George Martin
Grid System
Grid options
While Bootstrap u ses or for defining most sizes,are used for grid breakpoints and container widths. This is because the viewport width is in pixels and does not change with the font size. 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 |
|
|---|---|---|---|---|---|
| Max container width | None (auto) | 540px | 720px | 960px | 1140px |
| Class prefix | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
| # of columns | 12 | ||||
| Gutter width | 24px (12px on each side of a column) | ||||
| Nestable | Yes | ||||
| Column ordering | Yes | ||||
Bootstrap grid
Using a single set of grid classes, you can create a default grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any
.Col-lg-12
.Col-lg-11
.Col-lg-01
.Col-lg-10
.Col-lg-01
.Col-lg-01
.Col-lg-09
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-08
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-07
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-06
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-05
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-04
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-03
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-02
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
.Col-lg-01
