Grid

Bootstrap grid

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Container width None (auto) 750px 970px 1170px
Class prefix .col-xs- .col-sm- .col-md- .col-lg-
# of columns 12
Column width Auto ~62px ~81px ~97px
Gutter width 20px (10px on each side of a column)
Nestable Yes
Offsets Yes
Column ordering Yes

For more information about the bootstrap grid, please consult the official documentation at http://getbootstrap.com/css/#grid

.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-2
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-4
.col-sm-4
.col-sm-4
.col-sm-6
.col-sm-6
.col-sm-8
.col-sm-4
.col-sm-4
.col-sm-8
.col-sm-9
.col-sm-3
.col-sm-3
.col-sm-9
.col-sm-7
.col-sm-5
.col-sm-5
.col-sm-7
.col-sm-3
.col-sm-3
.col-sm-2
.col-sm-4
.col-sm-12