Twitter bootstrap 如何在引导中选择960px宽而不是1200px的容器

如何在引导中选择960px的容器而不是1200px的容器？

您只需要一个固定宽度的网站吗？如果是这样，那么就不要包括

bootstrap responsive.css

。固定宽度容器的默认宽度为960px

否则，如果您仍然需要响应功能，但不需要1200px容器，则需要自定义引导安装。为此：

• 去
• 在响应部分中，取消选中“大型桌面（>1200px）”
• 在页面底部，单击“自定义并下载”以获取自定义引导
这对我很有用
!！不建议使用重要信息。 但是你可以试试
.container, .container-fluid{ width: 960px !important; } .容器，.容器液体{ 宽度：960px！重要； }

---

在宽度大于1200px的屏幕上，引导将容器宽度设置为1170px。
对于992px至1200px的屏幕，容器宽度设置为970px。 您可以阅读有关bootstrap网格的更多信息
现在，如果您想将大屏幕的container设置为760px，您必须找到它并在bootstrap.css中进行编辑，或者将此代码添加到自定义css中：

@media (min-width: 1200px) {
  .container {
    width: 960px;
   }
}

及

---

希望这有助于
对于Bootstrap3，您可以自定义它，默认情况下获得960px（）
• 将@container lg从（（1140px+@网格边沟宽度））更改为（（940px+@网格边沟宽度））
• 将网格边沟宽度从30px更改为20px

---

然后下载自定义版本的引导并使用它。现在默认值应该是960px。
如果您使用的是sass和bootstrap v3.3.1，只需在导入bootstrap之前定义这些变量即可：

$grid-gutter-width: 20px;
$container-large-desktop: 940px + $grid-gutter-width;

有关更多信息，请检查变量源文件：

---

我不明白，因为如果我按照您所说的自定义下载，我就不会下载文件bootsrap responsible。这很正常吗？是的。很好。响应部件被添加到bootstrap.css和bootstrap.min.css文件中。如果你用你所有的旧文件替换所有这些文件，你应该会得到你想要的结果。你很好地向我解释，但显然它不起作用：）我替换了我下载的bootsrap文件，事实上容器大小调整为960px，但网站不再响应，这很奇怪。。。。。。。另一个选择是使用您的旧文件，只需从引导和引导响应css文件中删除

@media（最小宽度：1200px）

中包含的所有内容。我自己没有尝试过自定义引导功能，并且认为它可以正常工作。。但我想不是。你是使用引导2还是引导3？

$grid-gutter-width: 20px;
$container-large-desktop: 940px + $grid-gutter-width;