自定义Twitter Bootstrap默认网格

时间:2012-05-24 17:02:02

标签: html css twitter-bootstrap less responsive-design

我正在尝试将默认Bootstrap网格中的列数从12更改为8.根据Bootstrap docs,这涉及更改@gridColumns变量,然后在响应中自定义网格。以下。

我已经尝试在responsive.less(以及它导入的文件)中编辑网格,但我无法做到正确。将网格从12列更改为8时需要哪些具体值?

1 个答案:

答案 0 :(得分:5)

打开变量。它包含你需要在底部附近改变的所有变量:

@gridColumns:             16;
@gridColumnWidth:         45px;
@gridGutterWidth:         16px;

确保您加载的是less而不是css