如何使用bootstrap类在一行内进行10次类似的划分。 （例如“col-lg-2”）

Question

我正在使用bootstrap类。我不想使用写自定义css。 那么，如何划分具有相似宽度的10格。所有分区应占据行的全宽

<div class="col-lg-12">
    <div class="row">
        // i need 10 div with similar width
    </div>
</div>

Answer 1

我很确定如果不创建自定义CSS或自定义Bootstrap版本就无法实现。什么可行的是制作12列.col-md-1并将最外面的左右列留空。

Answer 2

在bootstrap的内部源代码中，variables文件中有一个名为@grid-columns的变量（$grid-columns如果您正在使用sass版本），只需更改它到10并重新编译bootstrap。

如果你需要10和10之间的混合12列，使用60列并相应地相乘

您可能还需要查看grid-gutter-width，grid-float-breakpoint和所有screen-*尺寸，这些尺寸可能需要根据您的需要进行调整。

ICYMI：这是指向较少编译器页面http://lesscss.org/

的链接

Answer 3

我认为最好的解决方案是使用自定义版本的bootstrap http://getbootstrap.com/customize/#grid-system设置@ grid-columns = 20并使用col-sm-2 10次