Twitter引导程序 - 更改默认宽度

时间:2012-10-29 17:24:29

标签: css twitter-bootstrap width less

我刚开始使用twitter bootstrap,想知道将默认宽度从940px更改为864px的最佳方法是什么。我尝试使用自定义页面将@gridColumnWidth变量更改为50px。这应该使总宽度为820px,但下载后默认宽度仅调整为1170px。我应该保留默认值为940px并在我的.row> .span12 div中嵌入宽度为864px的div吗?

我也尝试使用less文件但是当我尝试将它们编译为css文件时,我得到的错误是类,id和变量未定义。

感谢您的帮助,

杰森

2 个答案:

答案 0 :(得分:8)

使用customize page对我来说很好。

务必修改@gridColumnWidth@gridColumnWidth1200@gridColumnWidth768(以及可选@gridGutterWidth*)。
您看到的1170px宽度对应@gridColumnWidth1200

答案 1 :(得分:1)

您可以通过在bootstrap.css之后放置具有相同选择器和所需格式的另一个CSS文件来覆盖默认样式。您也可以选择使用具有更高特异性的选择器,然后文件的顺序将无关紧要。使用!important应该是最后的手段,因为它会进一步使用它。