Twitter bootstrap 如何将容器宽度更改为1400px？

我需要在引导程序3到1400px中使用自定义容器。如何计算网格列宽和@grid gotter width？

如果使用引导SASS端口，则可以通过更改bootstrap-variables.scss

轻松做到这一点

在
\u bootstrap-variables.scss
中搜索
$container large desktop
，并将其值更改为
（1370px+$grid ground width）

默认值<代码>$网格边沟宽度

为30 px。您也可以更改它。
如果更改

$网格槽宽度

，则相应地更改

$容器大桌面

，以获得容器大小1400px

---

要了解如何使用引导SASS，请查看：

最好使用引导流体布局，如：

CSS

HTML

---

您可以签出此页面以了解有关引导流体布局的更多信息-

您可以在引导自定义页面的以下位置更改容器宽度：

---

在“容器大小”下，将@Container large desktop更改为所需大小。记住要考虑排水沟。

要更改容器的核心尺寸， 如果使用引导SCS，则必须再次声明引导容器变量

$container-max-widths: ( md: 720px, lg: 960px, xl: 1140px ) ; $container最大宽度：( md:720px， lg:960px， xl:1140px ) ;

---

我找到了自己最好最简单的解决方案：

您使用

.container fluid

而不是

.container

，并在CSS中添加

@media

请求，最小宽度略高于要求：

@media (min-width: 1405px) {
  .container-fluid{
    width: 1400px;
  }
}

---

好好享受吧

在使用sass的引导版本4下：

$container-max-widths: (
  xl: 1200px
);

---

我发现的最简单的方法是在site.css文件中将.container流体设置为auto，以进行自定义站点css设置*：

.container-fluid {
width: 1400px;

}

但在大多数情况下，我更喜欢自动：

    .container-fluid {
width: auto;

}

然后使用容器流体类而不是容器

---

*创建此文件是您需要为站点进行自定义的最佳实践。这样，原始css库保持不变，当您更新它们时，您的自定义设置也保持不变。

谢谢，但我不想使用容器流体，我仍然是引导的初学者。流体设计为全页，容器应用于固定的最大宽度。这真的很糟糕。为什么还要使用引导呢？如果你要这么做，只需要做一个CSS规则，容器流体的最大宽度为1400px，并且它做同样的事情，而不在任何地方添加额外的HTML。我不喜欢容器流体，因为我是那些拥有21in+iMac屏幕的人之一。网站看起来很奇怪，徽标会出现在最左边，而不是你眼前的最右边。请使用“最大宽度”而不是“宽度”，这样它仍然可以响应。抱歉，但我不熟悉SASS，以及任何其他解决方案。请访问并搜索容器大小，然后根据需要进行编辑。我已在_bootstrap-variables.scss中进行了更改，但是现在如何使用Sass在HTML中设置引导。您需要首先在计算机中安装Sass。然后可以运行引导样式表。如果您对SASS一无所知，那么我建议您使用getbootstrap.com/customize链接并自定义css。但是你可以学习SASS，它是一个很好的预处理器。最好添加你自己的变量文件，覆盖引导变量定义。应该更高！

.container-fluid {
width: 1400px;

    .container-fluid {
width: auto;