Css 引导程序3：如何使用自定义容器宽度？

在引导3中，大型设备的容器宽度设置为1170px。我想把它改成更高的值，比如1500px。我可以简单地将

.container

的宽度更改为1500px吗？或者它会对其他元素产生副作用吗？我是否也必须更改中小型设备的容器宽度？如何确保它不会破坏我的设计？

从下载引导副本，并在上修改此行

您喜欢：

@container-large-desktop:      ((1500px + @grid-gutter-width));

---

如果您不熟悉LESS，请仔细阅读它，并使用LESS编译器编译bootstrap.css文件，例如

直接从他们的主网站下载bootstrap，并根据需要自定义它。我提供给您的url直接带您到容器大小部分，您所要做的就是更改它，然后下载引导文件。

绝对不要更改

.container

的内联宽度，因为这将在较小的屏幕上切断。最简单的方法是将其添加到css中：

@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
}

当屏幕为1500px及以上时，您的容器会将其填满，但对于1200px和1500px或更小的屏幕/浏览器窗口来说，这并没有任何区别

这里有一个

---

ps-我的引导层设置为~1400px，因为这是我的MBPr的宽度-非常常见的最大宽度。

添加自定义CSS文件，覆盖默认实现，然后自己尝试。请记住，您需要关注特定的媒体查询，否则您将更改每个屏幕上每个实例的大小，并使选择器足够特定以覆盖默认引导行为。还有一个sass版本的引导！注：@PETE TNT的答案更符合引导程序的预期用途，但我的答案更简单，这取决于你对LESS或SASS的了解。

@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
}