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. You can learn more about the grid system on the official Bootstrap website. Next, here are some basic grid layouts to get you familiar with building within the Bootstrap grid system.

.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6