css - 更改 Bootstrap 默认容器宽度

Question

我想更改 Bootstrap 容器的默认宽度，即 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 (假设您没有使用预处理器)。