Responsive design

Block based design

Equal size blocks

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Turtle

Variable size blocks

.col-lg-5

.col-lg-4

.col-lg-3

.col-lg-2

.col-lg-8

.col-lg-2

.col-lg-3

.col-lg-7

.col-lg-2

Auto layout columns

.col

.col

.col

.col-sm-6

.col

Using offset

.col-md-4

.col-md-8

.col-md-8 .offset-md-4

Nested blocks

Using hidden

This text is hidden for resolutions xs and sm This text is hidden for resolutions xs, sm and md