问Bootstrap:如何更改容器的宽度？

EN

转到Bootstrap站点上的Customize部分并选择您喜欢的大小。您必须设置@gridColumnWidth和@gridGutterWidth变量。

例如：1000px布局上的@gridColumnWidth = 65px和@gridGutterWidth = 20px结果。

然后下载它。

以下是解决方案：

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

与@Bastardo's answer中的自定义引导程序相比，这样做的好处是不会更改引导程序文件。例如，如果使用CDN，您仍然可以从CDN下载大部分Bootstrap。

你在背后绑了一个人，说你不会使用更少的文件。我使用2.0构建了我的第一个Twitter Bootstrap主题，并且我使用CSS完成了所有工作--创建一个override.css文件。它花了几天的时间才让事情正常工作。

现在我们有3.0版本了。我向你保证，与做那些疯狂的CSS覆盖相比，它只需要更少的时间来学习更少的东西，如果你熟悉CSS，这是相当简单的。做出像你想要的那样的改变是小菜一碟。

在Bootstrap 3.0中，容器类控制宽度，所有包含的样式都会调整以填充容器。容器宽度变量位于variables.less文件的底部。

// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:            ((720px + @grid-gutter-width));

// Medium screen / desktop
@container-desktop:           ((940px + @grid-gutter-width));

// Large screen / wide desktop
@container-lg-desktop:        ((1020px + @grid-gutter-width));

有些站点没有足够的内容来填充1020显示，或者您出于美学原因想要更窄的边框。因为BS使用12列网格，所以我使用倍数，比如960。