這里,我對柵格系統列數修改提供了兩種方法:
①第一種:全局修改列數:
也就是修改bootstrap的源碼
@grid-columns:12;
@grid-gutter-width:30px;
@grid-float-breakpoint:768px;
②第二種:局部修改列數:
這里以修改成8列為例,
.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;
padding:0 0;
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;
}
}