如何使用引导类在一行中进行10次类似的划分。(例如“2”)

Question

我正在使用引导类。我不想使用写自定义css。那么，怎样才能分割出宽度相近的10个除法呢？所有的除法都要占满行宽。

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

Answer 1

在引导程序的源代码中，在variables文件中，有一个名为@grid-columns的变量(如果您正在使用sass版本)，只需将其更改为10并重新编译引导程序即可。

如果您需要在10至12列之间混合，请使用60 cols并相应地进行乘法。

您可能还想看看grid-gutter-width、grid-float-breakpoint和所有可能需要调整以满足您需要的screen-*大小。

ICYMI:下面是指向较少编译器页面http://lesscss.org/的链接

Answer 2

我非常肯定，如果不创建自定义CSS或自定义引导版本，这是不可能实现的。可以工作的是使12列的.col-md-1，并使最外层最左和右列为空。

Answer 3

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