这里,我对栅格系统列数修改提供了两种方法:
①第一种:全局修改列数:
也就是修改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;
}
}