五等分:
<style type="text/css">
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
position: relative;
min-height: 1px;
margin-right: 10px;
margin-left: 10px;
}
.col-xs-1-5 {
width: 18%;
float: left;
}
@media (min-width: 768px) {
.col-sm-1-5 {
width: 18%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-1-5 {
width: 18%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-1-5 {
width: 18%;
float: left;
}
}
</style>
八等分:
<style type="text/css">
.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-xs-1-8 {
width: 12.5%;
float: left;
}
@media (min-width: 768px) {
.col-sm-1-8 {
width: 12.5%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-1-8 {
width: 12.5%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-1-8 {
width: 12.5%;
float: left;
}
}
</style>