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