更改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（假设您没有使用预处理器）。