Last but least and least, you can make your CSS classes more meaningful by replacing structural class names, such as row or col-lg-9, with semantic tags, such as main or article. You can do this with a few lines of SASS code to @extend the Bootstrap classes, as follows: @import "bootstrap"; body > main { @extend .row; article { @extend .col-lg-9; } } This is possible due to a feature called mixins
