我正在使用bootstrap类。我不想使用写自定义css。 那么,如何划分具有相似宽度的10格。所有分区应占据行的全宽
<div class="col-lg-12">
<div class="row">
// i need 10 div with similar width
</div>
</div>
答案 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-width
,grid-float-breakpoint
和所有screen-*
尺寸,这些尺寸可能需要根据您的需要进行调整。
ICYMI:这是指向较少编译器页面http://lesscss.org/
的链接答案 2 :(得分:0)
我认为最好的解决方案是使用自定义版本的bootstrap http://getbootstrap.com/customize/#grid-system设置@ grid-columns = 20并使用col-sm-2 10次