Grid Basic

Xlarge devices
Screen width equal to or greater than 1200px

col-xl-4

Large devices
Screen width equal to or greater than 992px

col-lg-4

col-lg-4

col-lg-4

Medium devices
Screen width equal to or greater than 768px

col-md-4

col-md-4

col-md-4

Small devices
Screen width equal to or greater than 576px

col-sm-4

col-sm-4

col-sm-4

Extra small devices
Screen width less than 576px

col-xs-4

col-xs-4

col-xs-4

Mixed Grid Showing different sizes on different screens

col-sm-6 col-lg-3

col-sm-6 col-lg-3

col-sm-6 col-lg-3

col-sm-6 col-lg-3

Offset Grid Adding some space when needed

col-md-3

col-md-3 col-md-offset-6

col-md-4 col-md-offset-2

col-md-4 col-md-offset-0

col-md-6 col-md-offset-3