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

我的理解是，所有引导样式的元素都必须存在于

元素中。但有时我会看到有多个“容器”的引导示例：

...

我的问题是:

你什么时候会需要一个包含多个“container div”的HTML页面？与将整个身体放在一个大的“容器div”中相比，这有什么好处

您是否希望将“container div”嵌套在其他容器中？什么时候/为什么

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

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

.container

您不会嵌套

.container

或

.container fluid

——请参阅。没必要

文档：引导需要一个包含元素来包装站点内容 并容纳我们的电网系统。您可以从两个容器中选择一个来使用 在你的项目中。请注意，由于填充和其他原因 容器是可嵌套的[两者都不意味着.container和.container流体不可嵌套]

---

实际上，这完全取决于设计师的要求

有时您需要行的全宽（我的意思是说视口或可见部分的条带，无需单独的容器类即可实现）

---

参见上面的模板示例以了解

与一些人所说的不同，您可以将

容器流体

嵌套在

容器

中。官方bootstrap网站上甚至有一个例子：

---

在4.3文档的布局部分，它现在说明

虽然容器可以嵌套，但大多数布局不需要嵌套容器

---

只需注意其他人对填充等的说明。

节省时间，切换到Css网格本机Css网格

引导容器有一个限制，如果你寻找12列限制，10像素填充挑战，加上用户需要下载到他/她的机器上的非本机（CSS内置），以及你需要处理的潜水次数

考虑到所有这些，请尝试并切换到CSS网格

---

现在，CSS网格的缺点是它仍然与IE不兼容。

我通常有一个

.container fluid

用于导航栏或某种横幅，而主站点位于

.container

@DavidG Yes中，然后你有两个填充。文档：Bootstrap需要一个包含元素来包装站点内容并容纳我们的网格系统。您可以从两个容器中选择一个用于项目中。注意，由于填充和其他原因，两个容器都不可嵌套@大卫。我不使用.container流体，除非直接子对象是.row和列。我也不使用。我的意思是，我将使用一个带有导航条的流体容器，使其从屏幕边缘流出，然后在容器关闭标记之后，用主要内容开始一个新的非流体容器。在bootstrap 4中，你可以制作嵌套容器-看看这个答案：如果你使用的是全宽旋转木马，它有用于标题的容器，所以它不应该在容器中。正因为如此，你可以在上面有一个容器，在下面有一个容器。虽然@Christina是正确的，因为文档说你没有嵌套容器，但有时它是有用的。有关嵌套的更多信息，请参阅。如果该链接的内容最终发生更改，则为3.3版，其中示例包括

容器

嵌套

容器流体

：查看来源：

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

...

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