Last active
November 25, 2016 11:03
-
-
Save joviczarko/22ec180f52fac1ce9c66246b21a87652 to your computer and use it in GitHub Desktop.
No bootstraps columns gutter on specific row ( or small gutter)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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