GRID SYSTEM

Lorem ipsum dolor quis amet consectetur iusto quis adipisicing

GRID OPTIONS
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
GRID OPTIONS
col-md-12
col-md-11
col-md-1
col-md-10
col-md-2
col-md-9
col-md-3
col-md-8
col-md-4
col-md-7
col-md-5
col-md-6
col-md-6
col-md-5
col-md-7
col-md-4
col-md-8
col-md-3
col-md-9
col-md-2
col-md-10
col-md-1
col-md-11
col-md-2
col-md-4
col-md-5
col-md-1
TWELVE COLUMNS

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.


SIX COLUMNS

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.

SIX COLUMNS

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.


FOUR COLUMNS

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.

FOUR COLUMNS

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.

FOUR COLUMNS

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id eliting Proin gravida nibh velit auctor Aenean sollicitudin.


THREE COLUMNS

Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.

THREE COLUMNS

Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.

THREE COLUMNS

Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.

THREE COLUMNS

Aenean sollicitudin lorem sollicituding bibendum auctor, nisi elit consequatie Lorem sollicitudin.


SIX COLUMNS

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.

SIX COLUMNS & OFFSET-MD-1

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.