Grid
5

We have a great grid system comes within the theme. In default these columns have no style but we added some styling here in purpose of showcase.

You can refer this page for detailed official documentation.

Columns with gutter
50%
50%
25%
25%
25%
25%
33%
33%
33%
20%
20%
20%
20%
20%
33%
66%
25%
25%
50%
75%
25%
80%
20%
No gutter between columns
50%
50%
25%
25%
25%
25%
33%
33%
33%
20%
20%
20%
20%
20%
33%
66%
25%
25%
50%
75%
25%
80%
20%
Nested
50%
50%
50%
50%
33%
66%
Responsive Grid

Grid cells have different size on Phone/Tablet

.col-100.tablet-50
.col-100.tablet-50
.col-50.tablet-25
.col-50.tablet-25
.col-50.tablet-25
.col-50.tablet-25
.col-100.tablet-40
.col-50.tablet-60
.col-50.tablet-66
.col-100.tablet-33
COLUMNS WITH EQUAL WIDTH
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
.col-auto
Copyright 2015 by ThemingCool