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

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

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

我的问题：

1. 你什么时候需要一个带有多个“容器div”的HTML页面？ 这个提议有什么好处，而不是把整个机构放在一个大的“集装箱柜台”里？
2. 你会想要在其他的内部嵌套“容器div”吗？ 当/为什么？

Answer 1

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

   一个例子是一个featurette区域，其背景图像或颜色是视口的全部宽度，但是内部的内容，窗体或其他内容，在任何给定的视口宽度上都不超过.container 。

2. 您不需要嵌套.container或.container-fluid – 请参阅文档 。 这不是必需的。

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

Answer 2

其实它完全取决于devise师的要求。

有时你需要整行的宽度（我的意思是说视口或一个可见的部分，你可以在没有单独的容器类的情况下）

http://binarytheme.com/demos?theme=bootsrap-landing-page-blue

看上面的模板例子来理解

Answer 3

与一些人所说的不同，您可以在container-fluidembeddedcontainer-fluid 。 官方bootstrap网站上甚至有一个例子：

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