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

Grid Column

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-02

.Col-lg-09

.Col-lg-03

.Col-lg-08

.Col-lg-04

.Col-lg-07

.Col-lg-05

.Col-lg-06