Question

我正在使用Bootstrap 3，客户希望网站容器宽度设置为960px。我是否直接编辑CSS文件或执行此操作的最佳方法是什么？我听说过“Less”。我自定义下载吗？谢谢！

更新：该网站不需要响应，所以我可以禁用该响应，只需将960px宽度添加到CSS并完成它或这会导致其他地方出现问题吗？

Answer 1

对于Bootstrap3，您可以自定义它以默认获得960px（http://getbootstrap.com/customize/）

将@ container-large-desktop从（（1140px + @ grid-gutter-width））更改为（（940px + @ grid-gutter-width））。
将@ grid-gutter-width从30px更改为20px。

然后下载自定义版本的bootstrap并使用它。现在默认应为960px。

Answer 2

我希望最大宽度为810px，所以我使用了这样的媒体查询：

@media (min-width: 811px) {    
    .container{
        width:810px;
    }
}

Answer 3

Bootstraps网格系统是FLUID。这意味着它的工作百分比。

所以只需设置页面包装的宽度，就可以了

HTML：

<body>
    <div class="page-wrapper">
        <!-- Your bootstrap grid/page markup here -->
    </div>
</body>

CSS：

.page-wrapper {
    width: 960px; /* Your page width */
    margin: 0 auto; /* To center your page within the body */
}

Answer 4

最简单的方法是将所有内容包装在像这样的容器中。

.container-fixed {
  margin: 0 auto;
  max-width: 960px;
}

或者，您可以使用LESS /自定义构建：http://getbootstrap.com/customize/