Bootstrap Grid Lesson

This illustrates a common confusion with the bootstrap grid system.

As soon as any size column is applied to a div, all sizes below it are
automatically given a width of 12 columns.  All sizes above it inherit
specified number of columns unless overlapped.

So the following two elements functionally do the same thing
`<div class="col-md-1">`
`<div class="col-xs-12 col-sm-12 col-md-1 col-lg-1">`

Here are the different Column Sizes:
xs, sm, md, lg
http://getbootstrap.com/css/#grid-media-queries