Twitter bootstrap 我应该只有一个bootstrap3容器吗？

我正试图找出Bootstrap3，但遇到了很多麻烦。Bootstrap 3网站上说：

通过将页面内容包装在.container中，可以轻松地将页面内容居中放置。集装箱组 不同媒体查询断点的宽度，以匹配我们的网格系统

注意，由于填充和固定宽度，默认情况下容器不可嵌套

前一行似乎支持这一点，因为我不希望嵌套容器将宽度重新设置为大于父容器的宽度。后一行让我觉得我应该在一个页面上只有一个容器（或者最多有一个同级容器），不管流体/正常/等等，而不做“额外”的事情

---

正确吗？

您不想嵌套.containers是正确的。然而，在很多情况下，您会有多个容器。例如，如果您想要一个全宽度元素（屏幕宽度，而不是容器宽度）。这很好：

<div class="container">
  <div class="col-md-12">
    <p>Content</p>
  </div>
</div>

<div id="full-width-element">
  <p>Other content, stretching full width of the page</p>
</div>

<div class="container">
  <div class="col-md-12">
    <p>Content</p>
  </div>
</div>

内容

其他内容，延伸整个页面宽度

内容

看看引导站点上的示例：，它们也使用多个.container

---

因此，如果没有修改或仔细考虑，嵌套容器不是一个好主意。使用多个容器是可以的（否则它应该是一个ID而不是一个类）

是的，但这些是兄弟姐妹而不是嵌套的，这就是我所想的。非常感谢。是的，医生说不要嵌套容器。然后，他们继续在示例中嵌套容器（请参见：）。