html - 使用Bootstrap设置主体的最大宽度

我正在使用Twitter Bootstrap建立我的第一个网站，并尝试使用流畅的布局。我将容器设置为流畅的，现在其中的内容占据了整个页面的宽度，并在调整浏览器大小时进行调整。

我正在处理的设计的最大宽度约为950像素。

我检查了variables.less和responsive.less以及Bootstrap文档；我不能完全弄清楚如何做到这一点。

我也尝试将以下内容添加到我的style.css中:

body {
    max-width: 950px;
}

最佳答案

编辑

更好的方法是:

创建您自己的less文件作为主less文件(例如bootstrap.less)。

导入所需的所有 bootstrap 更少的文件。 (在这种情况下，您只需要导入所有响应较少的文件，但要导入responsive-1200px-min.less即可)

如果您需要修改原始的bootstrapless文件中的所有内容，则只需编写自己的内容，以覆盖bootstrap的less代码。 (只需记住，将较少的代码/文件放在@import { /* bootstrap's less file */ };之后)。

原始

我也有同样的问题。这就是我解决的方法。

查找媒体查询:

@media (max-width:1200px) ...

去掉它。 (我的意思是整个事情，而不仅仅是@media (max-width:1200px))

由于Bootstrap的默认宽度为940px，因此您无需执行任何操作。

如果要拥有自己的max-width，只需在媒体查询中修改与所需宽度匹配的css规则。