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
Small Devices
Medium Devices
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