Grid System
XL Grid
.col-xl-4
.col-xl-4
.col-xl-4
LG Grid (Collapsed at 992px)
.col-lg-4
.col-lg-4
.col-lg-4
MD Grid (Collapsed at 768px)
.col-md-4
.col-md-4
.col-md-4
SM Grid (Collapsed at 576px)
.col-sm-4
.col-sm-4
.col-sm-4
XS Grid
.col-4
.col-4
.col-4
Equality Width
col
col
col
col
col
Setting one column width
col
col-6
col
Mix and Match (Showing different sizes on different screens)
col-12 col-md-8
col-6 col-md-6
col-sm-6 col-md-3
col-sm-6 col-md-3
col-sm-6 col-md-3
col-sm-6 col-md-3
col-6
col-6
Offset Grid (Adding some space when needed)
col-md-4
col-md-4 ms-auto
col-md-4 ms-auto me-auto
col-md-4 ms-auto me-auto
col-md-6 ms-auto me-auto
Settings