Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Bootstrap 4 additional gutter settings 20px, 10px, 0px
// 20px gutters between collumns
.row.gutter-20 {
margin-right: -10px;
margin-left: -10px;
.row.gutter-20>.col,
.row.gutter-20>[class*="col-"] {
padding-right: 10px;
padding-left: 10px;
}
}
// 10px gutters between collumns
.row.gutter-10 {
margin-right: -5px;
margin-left: -5px;
>.col,
>[class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
}
// No gutters
.row.no-gutter {
margin-right: 0px;
margin-left: 0px;
>.col,
>[class*="col-"] {
padding-right: 0px;
padding-left: 0px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.