Skip to content

Instantly share code, notes, and snippets.

@iryston
Created December 7, 2016 10:43
Show Gist options
  • Save iryston/d8bd3dd5f355c112646218abaeb9197b to your computer and use it in GitHub Desktop.
Save iryston/d8bd3dd5f355c112646218abaeb9197b to your computer and use it in GitHub Desktop.
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1-5 {
float: left;
}
.col-xs-1-5 {
width: 20%;
}
.col-xs-pull-1-5 {
right: 20%;
}
.col-xs-push-1-5 {
left: 20%;
}
.col-xs-offset-1-5 {
margin-left: 20%;
}
@media (min-width: 768px) {
.col-sm-1-5 {
float: left;
}
.col-sm-1-5 {
width: 20%;
}
.col-sm-pull-1-5 {
right: 20%;
}
.col-sm-push-1-5 {
left: 20%;
}
.col-sm-offset-1-5 {
margin-left: 20%;
}
}
@media (min-width: 992px) {
.col-md-1-5 {
float: left;
}
.col-md-1-5 {
width: 20%;
}
.col-md-pull-1-5 {
right: 20%;
}
.col-md-push-1-5 {
left: 20%;
}
.col-md-offset-1-5 {
margin-left: 20%;
}
}
@media (min-width: 1200px) {
.col-lg-1-5 {
float: left;
}
.col-lg-1-5 {
width: 20%;
}
.col-lg-pull-1-5 {
right: 20%;
}
.col-lg-push-1-5 {
left: 20%;
}
.col-lg-offset-1-5 {
margin-left: 20%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment