bootstrap-row-gutters.scss

// mixin for setting the gutter size
@mixin row-gutters($size) {
  margin-right: -$size;
  margin-left: -$size;

  > .col,
  > [class*='col-'] {
    padding-right: $size;
    padding-left: $size;
  }
}

// add padding at the bottom of each col so we get even spacing throughout the columns and rows
.row.gutter-bottom {
  > .col,
  > [class^='col-'],
  > [class*=' col-'] {
    padding-bottom: $grid-gutter-width;
  }
}

.small-gutters {
  @include row-gutters(10px);
}