This Is the basic idea about grid System
.col-md-4
Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack.
.col-md-3 / .col-md-6 / .col-md-3
Get three columns starting at desktops and scaling to large desktops of various widths.Grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.
.col-md-8 / .col-md-4
Get two columns starting at desktops and scaling to large desktops.
For more Information :- http://getbootstrap.com/examples/grid/
solved What is the exact meaning of these Bootstrap col classes set on a div? [closed]