如何更改bootstrap 3默认容器宽度更改

Question

更改bootstrap 3默认容器宽度，没有任何对齐问题，

默认容器宽度为

.container {
      width: 1170px;
}

我需要改变

.container {
     width: 960px;
}

Answer 1

click and customize Bootstrap网站并选择您需要的尺寸。设置@gridColumnWidth和@gridGutterWidth变量。

示例：

 @gridColumnWidth = 50px and @gridGutterWidth = 100px results on a 1000px layout.

然后下载它。

Answer 2

如果您只想要该页面，那么您可以在该文件中编写一个css，如

<style>
.container {
        width: 960px !important;
  }
</style>

或者您可以使用重要的关键字

以相同的方式将其添加到主要的tempalte css中