Skip to content

Instantly share code, notes, and snippets.

@joviczarko
Last active April 25, 2020 17:36
Show Gist options
  • Save joviczarko/3881258df10c2e48c32cd603f0b3841e to your computer and use it in GitHub Desktop.
Save joviczarko/3881258df10c2e48c32cd603f0b3841e to your computer and use it in GitHub Desktop.
Five columns Bootstrap grid (BOOTSTRAP v3!) (Adding five column layout for bootstrap)
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment