更改 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/ 以获得自定义构建。

如果你没有使用任何预处理器，你可以摆弄grid system 和media queries breakpoints。

回答您的问题，您可能只想使用custom build 更改@container-large-desktop 和@screen-lg（假设您没有使用预处理器）。