What are the difference between col-lg
, col-md
,col-xs
and col-sm
grid system in in bootstrap 3.
In a bo
They added all those classes for one column grid in that template because those classes correspond to column extra small, small, medium and large devices.
.col-xs = *Extra small devices (ie Phones) (<768px)
.col-sm = Small devices (ie Tablets) (≥768px)
.col-md = Medium devices (ie laptops, or small desktops) (≥992px)
.col-lg = Large devices (ie Desktops) (≥1200px)*