更改 Bootstrap 默认容器宽度

Question

我想更改引导容器的默认宽度，即1170px.
可以覆盖这样的设置吗？

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

这就是我真正要做的一切吗？

Answer 1

直接编辑已编译（可能是缩小的）CSS 文件并不好。这被认为是一种不好的做法，应该避免。

如果你想改变默认宽度，你必须重新编译你的 Bootstrap。这取决于您当前如何使用 Bootstrap；如果您使用的是 CSS 预处理器（例如 SASS 或 LESS），您可以只编辑变量（请参阅variables.less）。否则，您可以访问http://getbootstrap.com/customize/以获得自定义构建。

如果您没有使用任何预处理器，您可以摆弄网格系统和媒体查询断点。

回答您的问题，您可能只想更改@container-large-desktop并@screen-lg使用自定义构建（假设您没有使用预处理器）。