多个和/或嵌套的Bootstrap容器？

我的了解是所有Bootstrap样式元素必须存在于<div class="container">元素内。但有时我看到有多个“容器”自举的例子：多个和/或嵌套的Bootstrap容器？

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

... 

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

我的问题：

当你在任何时候需要有多个“div容器”一个HTML页面？这个提议有什么好处，而不是把整个机构放在一个大的“容器分区”内？
你是否想要将“容器div”嵌套在其他容器中？当/为什么？

来源

2014-10-20 smeeb

如果您使用的是全角旋转木马它用于标题，以便它不应该是在一个容器中的容器。正因为如此，你可以在它上面有一个容器，在它下面有一个容器。 – Aibrean 2014-10-21 13:16:05

虽然@Christina是正确的，因为文档说你不要嵌套容器，有时它被使用和有用。有关嵌套的其他信息，请参阅http://stackoverflow.com/questions/29660034/nesting-a-container-class-inside-a-container-fluid-class-in-bootstrap-3。 – gidmanma 2016-12-22 16:55:08

页面的某些部分将涵盖全视宽度不会和别人。一些背景将是全宽，但内容不会。

这是一个featurette区域，其背景图像或颜色是视口的整个宽度，但其中的内容，窗体或任何其他内容在任何给定的视口宽度上都不会超过.container。
不要嵌套.container或.container-fluid - 看到docs。这不是必需的。

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

来源

2014-10-20 15:31:35 Christina

我经常有一个'.container-fluid'用于类似导航栏或某种类型的横幅，而主站点位于'.container'内。 – DavidG 2014-10-20 15:38:15

@DavidG是的，然后你有双重填充。文档：Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择两个容器中的一个用于您的项目。请注意，由于填充等原因，两个容器都不能嵌套。 http://getbootstrap.com/css/ – Christina 2014-10-20 15:41:59

我不是说当然嵌套。 – DavidG 2014-10-20 15:44:05