Responsive: add multiple classes with responsive suffixes to change column widths depending on breakpoint.

.col-4.col-2-md
Resize me! I’m wider when the screen is wider.
.col-4.col-8-md
.col-4.col-2-md

Offsets

.col-6.offset-3

Custom gutter spacing: customize gutter widths by adding .no-gutters to your .row class, and then using .px* padding helpers on the.col-* classes.

You’ll also need to add a corresponding negative .mxn* margin class on the.row to get rid of the extra padding on the sides.

.col-4.px1
.col-4.px1
.col-4.px1