bootstrap栅格系统 修改列数

这里，我对栅格系统列数修改提供了两种方法：

①第一种：全局修改列数：

也就是修改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;

}

}