Grid Layout

This demostrates Bootstrap Grid system and how it responds to different screen sizes.

lg indicates that the large grid displaying. The grid stacks horizontally < 1200px.

md indicates that the medium grid displaying. The grid stacks horizontally < 992px.

sm indicates that the small grid displaying. The grid stacks horizontally < 768px.

xs indicates that the extra small grid displaying. This grid is always horizontal.

.col-lg-4.col-md-4.col-sm-3.col-xs-4

.col-lg-4.col-md-2.col-sm-3.col-xs-4

.col-lg-4.col-md-6.col-sm-6.col-xs-4

.col-xs-5

.col-xs-4

.col-xs-3

.col-sm-2

.col-sm-4

.col-sm-6

.col-md-2

.col-md-4

.col-md-6

.col-lg-4

Drag me!