如何更改Twitter Bootstrap网格宽度?

时间:2012-04-21 15:11:17

标签: css twitter-bootstrap

我现在正在使用Twitter Bootstrap ver 2.0,并注意到使用12列网格时空间不足。

我认为他们正在使用940px ..那么如何在不破坏12列网格的情况下使用自定义宽度?

谢谢..

2 个答案:

答案 0 :(得分:6)

最简单的方法是customize your own download。专注于网格部分。

enter image description here

或者,您可以直接编辑LESS或编译的CSS文件。

答案 1 :(得分:4)

您还可以创建一个新样式表(或添加到现有样式表),只是覆盖这些变量的值。这样您就不必担心引导程序更新会重写您的更改。只需确保在引导CSS和JS加载后声明变量。

事实上,我个人认为这是一个更好的选择,否则每次安装引导程序更新时都必须记住重新编辑CSS文件,这绝不是一个好主意。

如果您使用bootstrap作为gem(比如Rails),这尤其成问题。这就是我不喜欢直接覆盖包含文件的原因。