The Bootstrap system uses a 12 column grid to layout content. The grid adjusts based on four 'breakpoints': Mobile, Tablet, Small Desktop, and Large Desktop. Below is a diagram showing the breakpoints. A functioning example is provided here: http://codepen.io/jstneg/full/xbGVLQ/
