Twitter bootstrap - 更改默认宽度

Posted 2023-03-06

【中文标题】Twitter bootstrap - 更改默认宽度

【英文标题】：Twitter bootstrap - changing default width

【发布时间】：2012-10-19 01:28:59

【问题描述】：

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

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

感谢您的帮助，

杰森

【参考方案1】：

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

【参考方案2】：

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

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

【讨论】：

谢谢，萨拉，这成功了。这会导致响应式样式出现问题吗？

我没有亲自测试过，但我想它会很好用。 Bootstrap 开发人员非常擅长保持一切动态。

这不再可用