Layouts from a flexible grid
XS Grid Always Horizontal
col-4
col-4
col-4
SM Grid Collapsed at 576px
col-sm-4
col-sm-4
col-sm-4
MD Grid Collapsed at 768px
col-md-4
col-md-4
col-md-4
LG Grid Collapsed at 992px
col-lg-4
col-lg-4
col-lg-4
XL Grid Collapsed at 1200px
col-xl-4
col-xl-4
col-xl-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 ml-auto
col-md-4 ml-auto mr-auto
col-md-6 ml-auto mr-auto