css - Bootstrap 3 : How to use custom container width?

Question

在 Bootstrap 3 中，大型设备的容器宽度设置为 1170px。我想将其更改为更高的值，例如 1500px。我可以简单地将 .container 的宽度更改为 1500px 还是会对其他元素产生副作用？我是否还必须更改中型和小型设备的容器宽度？如何确保它不会破坏我的设计？

Answer 1

从GitHub下载Bootstrap的副本并修改variables.less上的这一行

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

根据您的喜好:

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

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