Grid options

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts. See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px
Max container width None (auto) 540px 720px 960px 1140px
Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl-
# of columns 12
Gutter width 30px (15px on each side of a column)
Nestable Yes
Column ordering Yes
Stacked-to-horizontal
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-6
.col-md-6
.col-md-4
.col-md-4
.col-md-4
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
Chat Options
John Deo Online
John Deo Away
John Deo Busy
John Deo Offline
John Deo Online
John Deo Online
John Deo Online
John Deo Away
John Deo Busy
John Deo Offline