Twitter bootstrap - 更改默认宽度

Question

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

我也尝试使用较少的文件，但是当我尝试将它们编译为 css 文件时，我收到错误，说类、id 和变量未定义。

感谢您的帮助，

杰森

Answer 1

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

Answer 2

使用customize page 对我来说效果很好。

确保修改 @gridColumnWidth、@gridColumnWidth1200 和 @gridColumnWidth768（以及可选的 @gridGutterWidth*）。
您看到的 1170px 宽度对应于 @gridColumnWidth1200。