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

时间:2015-04-16 06:58:05

标签: twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap

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

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

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

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

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

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

的链接

答案 2 :(得分:0)

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