多个和/或嵌套的引导容器？

Question

我的 理解 是，所有引导样式的元素都必须存在于 <div class="container"> 元素中。但有时我会看到有多个“容器”的 Bootstrap 示例：

 <div class="container">
    <!-- Blah, GUI stuff, blah -->
</div>

...

<div class="container">
    <!-- Blah, more GUI stuff, blah -->
</div>

我的问题：

1. 你什么时候需要一个带有多个“容器 div”的 HTML 页面？与将整个身体放在一个大的“容器 div”中相比，这有什么好处？
2. 您是否想将“容器 div”嵌套在其他容器中？什么时候/为什么？

原文由 smeeb 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

1. 页面的某些部分将跨越整个视口宽度，而其他部分则不会。一些背景将是全宽，但内容不会。

这方面的一个例子是一个特征区域，它的背景图像或颜色是视口的全宽，但其中的内容、形式或其他内容在任何给定的视口宽度下都不会超过 .container .

1. 您没有嵌套 .container 或 .container-fluid - 请参阅 文档。这不是必需的。

文档：Bootstrap 需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择两个容器之一在您的项目中使用。请注意，由于填充等原因，这两个容器都不能嵌套[都不意味着 .container 和 .container-fluid 不能嵌套]。

原文由 Christina 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

与某些人所说的不同，您可以将 container-fluid 嵌套在 container 中。官方bootstrap网站上什至有一个例子：

http://getbootstrap.com/examples/navbar/

原文由 BitByBit 发布，翻译遵循 CC BY-SA 3.0 许可协议