Modify Bootstrap's default grid system padding

28 Sep 2015

Using Bootstrap column grid is extremely helpful, however they come with a default 30px margin between each column. This padding can be modified by changing the variable @grid-gutter-width, although sometimes its useful to be able to use different values of this padding.

That’s what this mixin does, allows the creation of a class to modify the padding within columns inside a row.