Blocks & Grid
Title
A nice block..
Title
A nice block with options..
Title
With options to the left..
1/4
...
1/4
...
1/4
...
1/4
...
1/3
...
1/3
...
1/3
...
1/2
...
1/2
...
1/3
...
2/3
...
2/3
...
1/3
...
12 Column Bootstrap Grid
Extra Small .col-xs-(1-12)(never collapsing)
.col-xs-6
.col-xs-6
Small .col-sm-(1-12)(collapsed at 768px)
.col-sm-6
.col-sm-6
Medium .col-md-(1-12)(collapsed at 992px)
.col-md-6
.col-md-6
Large .col-lg-(1-12)(collapsed at 1200px)
.col-lg-6
.col-lg-6
Multiple Grid Classes
.col-xs-6.col-lg-3
.col-xs-6.col-lg-3
.col-xs-6.col-lg-3
.col-xs-6.col-lg-3
Helper Classes
| Extra small devices Phones (<768px) | Small devices Tablets (≥768px) | Medium devices Desktops (≥992px) | Large devices Desktops (≥1200px) | |
|---|---|---|---|---|
.visible-xs | ||||
.visible-sm | ||||
.visible-md | ||||
.visible-lg | ||||
.hidden-xs | ||||
.hidden-sm | ||||
.hidden-md | ||||
.hidden-lg |