Grid System

 

Horizontal Grid System

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. The use of this grid across different pages creates a sense of visual harmony throughout the product.

Extra Small Devices
<768
Small Devices
≥768
Medium Devices
≥992
Grid Behavior  Horizontal at all times  Collapsed to start, horizontal above breakpoints.
Container width None (auto) 750px 970px
Class prefix  .col-xs- .col-sm- .col-md-
 # of Columns 12
 Column width Auto 62px 81px
Gutter width 30px (15px on each side of a column)
Nestable Yes
Offsets Yes
Column ordering Yes

Reference: Bootstrap 3 Grid System