Bootstrap 3页面宽度

Question

不幸的是我不得不使用bootstrap

http://www.ttmt.org.uk/bootstrap/

简单的问题是如何使页面宽度不是1140px。

如果Bootstrap使用12列，我假设它们具有设置的宽度和边距。

如何使页面宽度不是1140px。

Answer 1

你需要使用     <div class="container-fluid"> 这样它就会填满元素的整个宽度。

这是你的要求吗？

Answer 2

只需添加一个媒体查询，当屏幕尺寸=＆lt;时，将.container宽度设置为1500px。比1500px。

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

Answer 3

你的示例链接似乎已经死了，所以你应该发布一些代码或bootply ......话虽如此，这里有一些答案：

  

如果Bootstrap使用了12列，我假设它们有一个设定的宽度   和保证金。

不是以像素为单位......它们的宽度是总宽度的设定百分比，具体取决于它们的＃（例如，col-xs-6是widhth的50％，因为6是12的50％）。 / p>

  

如何使页面宽度不是1140px？

适当时使用媒体查询更改容器宽度，如下所示：

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