Skip to content

Instantly share code, notes, and snippets.

@cornellsteven
Last active November 2, 2015 22:11
Show Gist options
  • Save cornellsteven/e28c4d24644b2849fdea to your computer and use it in GitHub Desktop.
Save cornellsteven/e28c4d24644b2849fdea to your computer and use it in GitHub Desktop.
Quick code snippet for 5-column layout in Twitter Bootstrap
/*
Thanks to Pawel @ wearesicc.com
Source: http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap
*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment