No media queries are used Since tablets and mobiles are now displaying huge resolutions, if we think its mobile, the body gets a class of .m
, if we think its a tablet, it gets a class of .t
.
if its neither mobile nor tablet,it gets .d
unless the screen is wider than 1920px, then it gets .hd
- Columns must use class
.col
- Mobile use class
.m-{desired size}
eg.m-12
- Tablet use class
.t-{desired size}
eg.t-6
- Desktop use class
.d-{desired size}
eg.d-4
- Huge Desktop use class
.hd-{desired size}
eg.hd-2
- 12 columns (
.col
). extras.row
,.container
,.container.fluid
- use
.{size}-hide
to hide eg.m-hide
would hide for mobile.