Great article - thanks for explaining Jeet. The use of fractions could help solve a few design problems.There’s a misconception about Bootstrap mixins though.
Bootstrap comes with mixins such as .make-row();
and .make-sm-column(6);
, as well as .make-sm-column(6,0);
to remove padding from column declarations. Declare those at the correct breakpoints and you don’t need to declare col-sm-6
in your HTML.