Here is a LESS mixin that will go a long way in making semantic Bootstrap easy to actually do: .make-column(@large, @medium, @small, @tiny: 12) { .make-xs-c

Here is a LESS mixin that will go a long way in making semantic Bootstrap easy to actually do: .make-column(@large, @medium, @small, @tiny: 12) { .make-xs-column(@tiny); .make-sm-column(@small); .make-md-column(@medium); .make-lg-column(@large); } Then use it with: section#main-content { .make-column(8,8,9,12); }