Responsive Grids

This is an exercise in Bootstrap's responsive grids. Shrink and expand the page width to see how the layout changes.
col-sm-12
col-sm-6
col-sm-6
col-sm-4
col-sm-4
col-sm-4
col-sm-2
col-sm-2
col-sm-2
col-sm-2
col-sm-2
col-sm-2
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-sm-1
col-md-12
col-md-6
col-md-6
col-md-4
col-md-4
col-md-4
col-md-2
col-md-2
col-md-2
col-md-2
col-md-2
col-md-2
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-lg-12
col-lg-6
col-lg-6
col-lg-4
col-lg-4
col-lg-4
col-lg-2
col-lg-2
col-lg-2
col-lg-2
col-lg-2
col-lg-2
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1
col-lg-1