Skip to content

Instantly share code, notes, and snippets.

@joviczarko
Last active April 25, 2020 17:38
Show Gist options
  • Save joviczarko/0597ede7490f9377585018fa06a7fcf2 to your computer and use it in GitHub Desktop.
Save joviczarko/0597ede7490f9377585018fa06a7fcf2 to your computer and use it in GitHub Desktop.
Five columns Bootstrap grid (BOOTSTRAP v4!) (Adding five column layout for bootstrap)
// *** Bootstrap five columns *** //
.col-5th {
flex: 0 0 20%;
max-width: 20%;
}
@include r("tablet") {
.col-sm-5th {
flex: 0 0 20%;
max-width: 20%;
}
}
@include r("desktop") {
.col-md-5th {
flex: 0 0 20%;
max-width: 20%;
}
}
@include r("large") {
.col-lg-5th {
flex: 0 0 20%;
max-width: 20%;
}
}
@include r("xlarge") {
.col-xl-5th {
flex: 0 0 20%;
max-width: 20%;
}
}
(FOR MIXIN r() see: https://gist.github.com/joviczarko/e4acef80d7c1b58b8ede7780be98b038)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment