bootstrap3栅格怎么画5列

Question

bootstrap3栅格怎么画5列

Answer 1

bootstrap里面没有设定5列的，他是把一行分成12个等分的栅格，然后col-xs-1就是1个栅格单位，所以宽度就是1/12。col-xs-3就是3个栅格单位，宽度就是3/12=25%，每行能放4个，刚好100%。根据这个原理，想分成5列也很好办，可以直接用col-xs-3，然后在CSS里加一行代码
.col-xs-3 { width:20%;} 等于重新定义了栅格宽度，这样每行刚好5个。
提示下：这样定义的话，整个页面的.col-xs-3都是20%的宽度了，而不是bs默认定义的25%。
所以最好办法是在每列的DIV上再加一个class，定义这个class的宽度为20%，完美解决。