Skip to content

Instantly share code, notes, and snippets.

@joviczarko
Last active November 25, 2016 11:03
Show Gist options
  • Save joviczarko/22ec180f52fac1ce9c66246b21a87652 to your computer and use it in GitHub Desktop.
Save joviczarko/22ec180f52fac1ce9c66246b21a87652 to your computer and use it in GitHub Desktop.
No bootstraps columns gutter on specific row ( or small gutter)
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-right: 0;
padding-left: 0;
}
/* Add no-gutter class to any rows you wish it's columns not to have gutter */
.row.small-gutter {
margin-left: -3px;
margin-right: -3px;
}
.row.small-gutter [class*='col-']:not(:first-child),
.row.small-gutter [class*='col-']:not(:last-child) {
padding-right: 3px;
padding-left: 3px;
}
/* Add no-gutter class to any rows you wish it's columns to have smaller gutter */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment