twitter-bootstrap - 如何为 1170px 宽度使用引导固定宽度布局？

Question

我正在创建一个无响应的引导模板。所以 Bootstrap 中非响应式设计的宽度是 940px。但这里的问题是，我被要求只使用 1170px 的布局宽度。所以我想知道 Bootstrap 中是否有任何规定可以制作宽度为 1170px 的非响应式布局？

Answer 1

看起来旧版本的 Bootstrap 确实使用了 1170px，但它被更改为 940px（为什么 Twitter Bootstrap “固定”布局不固定？）。如果您想使用最新的（2.3.1），最好的办法是在您的 CSS 中覆盖 .container ...

.container {
    width:1170px;
}

示例： http: //www.bootply.com/60156

Answer 2

您可以在自定义 Twitter Bootstrap页面中自定义网格列宽和网格间距宽度。您需要增加以下宽度：

• @gridColumnWidth
• @gridGutterWidth

例如，如果您放置30 像素@gridGutterWidth和@gridColumnWidth70 像素的 a，您将获得该总宽度，而不会破坏引导网格。

编辑：另外，如果您使用 LESS o SASS 修改这两个变量来完成此操作。