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}-hideto hide eg.m-hidewould hide for mobile.