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
|