Lorem ipsum dolor quis amet consectetur iusto quis adipisicing
| Extra small (≤767px) | Small (≥768px) | Medium (≥992px) | Large (≥1200px) | Extra large (≥1200px) | |
|---|---|---|---|---|---|
| Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints | |||
| Max container width | None (auto) | 540px | 720px | 960px | 1140px |
| Uses | Small phones | Smart phones | Tablets | Medium Desktops | Large Desktops |
| Class prefix | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
| # of columns | 12 | ||||
| Max column width | Auto | 48px | 60px | 78px | 95px |
| Gutter width | 20px (10px on each side of a column) | ||||
| Nestable | Yes | ||||
| Offsets | N/A | Yes | |||
| Column ordering | Yes | ||||
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Proin gravida nibh vel velit auctor Aenean sollicitudin, aipisicing elit sed lorem quis bibendum auctor.We put a lot of effort in design, as it’s the most important ingredient of successful website.Sed ut perspiciatis unde omnis istended natus error sit. Proin gravida nibh vel velit.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Proin gravida nibh vel velit auctor Aenean sollicituiding aipisicing elit sed lorem quis bibendum auctor.We put a lot of effort in design.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Proin gravida nibh vel velit auctor Aenean sollicituiding aipisicing elit sed lorem quis bibendum auctor.We put a lot of effort in design.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.
Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.
Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.
Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.
Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.
Aenean sollicitudin, lorem quis bibendum auctor, nisi consepsumin nec sagittis sem nibh id elit. Proin gravida nibh velly velit auctoress Aenean sollicituiding aipisicing lorem quies biendumhed auctor We put a lot of effort in design.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, neced sagittis sem nibh id elit. Proin gravida nibh vel velit auctor Aenean sollicituidinghu aipisicing elit sed lorem quis bibendum auctor We put lot effort design.