Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.
Mobile and desktop
Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding
to your columns. See the example below for a better idea of how it all works.
Mobile, tables & desktops
Build on the previous example by creating even more dynamic and powerful layouts with tablet
Move columns to the right using
classes. These classes increase the left margin of a column by * columns. For example,
over four columns.