我应该只有一个 Bootstrap 3 容器吗？答案

【问题标题】：Am I only supposed to have one Bootstrap 3 container?我应该只有一个 Bootstrap 3 容器吗？
【发布时间】：2015-11-18 01:01:51
【问题描述】：

我正在尝试找出 Bootstrap 3 并遇到了很多麻烦。 Bootstrap 3 网站说：

通过将页面内容包装在 .container 中轻松居中页面内容。容器集各种媒体查询断点处的宽度以匹配我们的网格系统。

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

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

对吗？

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您是正确的，因为您不想嵌套 .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>

查看 Bootstrap 站点上的示例：http://getbootstrap.com/getting-started/#examples，它们也使用多个 .containers。

因此，如果不进行修改或仔细考虑，嵌套容器并不是一个好主意。使用多个容器很好（否则它应该是一个 ID 而不是一个类）！

【讨论】：

是的，但是这些是兄弟姐妹而不是嵌套的，这是我的想法。谢谢！
是的，文档说不要嵌套容器。然后他们继续在示例中嵌套容器（参见：getbootstrap.com/examples/navbar）。