Grid systems are used for creating page layouts through a series of rows and columns that house your content.
Using a single set of
.col-md-* grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any
Mobile, tablet, and desktop
Don't want your columns to simply stack in smaller devices?
Use the extra small and medium device grid classes by adding
.col-xs-* .col-md-* to your columns. See the example below for a better idea of how it all works.