Css 引导3容器大小

我不熟悉Bootstrap3。我制作了一个12列的容器，宽度为960px。然后我注意到容器大小变为

宽度：1110px

。谁能告诉我问题是什么？我只想要一个960像素宽的固定容器

请检查一下

我找到了css：

.col-lg-12 {
    margin-left: 0;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

---

从bootstrap.CSS修改此CSS属性

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 732px; } }
  @media (min-width: 992px) {
    .container {
      width: 952px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1152px; } }

删除

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

更新

  @media (min-width: 990px) {
    .container {
      width: 950px; } }

---

如果应用此代码时出现任何错误，请在下面进行注释。值得注意的是：如果您使用的是带引导的less或sass，则更改容器大小就像更改一个变量一样简单。在Bootstrap 3（准确地说是3.3.5）中，

变量中的容器设置。less

文件如下所示：

//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             (720px + @grid-gutter-width);
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            (940px + @grid-gutter-width);
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      (1140px + @grid-gutter-width);
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;

（见附件）

因此，要使

.container

的大小适应大屏幕，只需将变量

@container-large-desktop

添加到您自己的

变量中即可覆盖该变量。更少的
-文件：

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

（默认情况下，
@grid
设置为
30px
，因此上述设置将导致拥有一个960px容器）
可能会重复读取。看看这个例子。获取所有css@Mohamed Samy您是否使用这些Sass或更少版本？上述要查找的代码在bootstrap 3.1
中不存在。container{margin right:auto；margin left:auto；padding left:6px；padding right:6px；}。container:before，.container:after{content:；display:table；}。container:after{clear:tware；}@media（最小宽度：768px）{.container{width:732px；}}}@media（最小宽度：992px）{.container{width:952px；}}}@media（最小宽度：1200px）{.container{width:1152px；}
这也是正确的答案：