多个和/或嵌套Bootstrap容器？
多个和/或嵌套Bootstrap容器？
提问于 2014-10-20 23:28:13
我的理解是所有Bootstrap样式的元素都必须存在于一个<div class="container">元素中。但有时我会看到有多个“容器”的Bootstrap示例：
<div class="container">
<!-- Blah, GUI stuff, blah -->
</div>
...
<div class="container">
<!-- Blah, more GUI stuff, blah -->
</div>我的问题：
什么时候你需要一个带有多个“容器div”的页面呢？与仅仅将整个身体放在一个大的“容器div”中相比，这样做有什么好处？
- 你会想把“容器div”嵌套在其他容器div中吗？何时/为什么？
回答 5
Stack Overflow用户
回答已采纳
发布于 2014-10-20 23:31:36
- 页面的某些部分将覆盖整个视口宽度，而其他部分则不会。有些背景将是整个宽度，但内容不会。
这方面的一个例子是一个特写区域，它的背景图像或颜色是整个视区的宽度，但其中的内容，表单或任何东西，在任何给定的视区宽度上都不超过.container。你不能嵌套.container或.container-fluid --参见docs。这没必要。
Bootstrap需要一个包含元素来包装站点内容并容纳我们的网格系统。您可以从两个容器中选择一个在项目中使用。请注意，由于填充等原因，两个容器都不是可嵌套的，这也不意味着.container和.container-fluid不能嵌套。
Stack Overflow用户
发布于 2017-06-13 02:43:03
与一些人所说的不同，您可以在container中嵌套一个container-fluid。在bootstrap官方网站上甚至有一个例子：
Stack Overflow用户
发布于 2019-03-22 18:40:57
在4.3文档的布局部分，https://getbootstrap.com/docs/4.3/layout/overview/#containers，它现在声明
虽然容器可以嵌套，但大多数布局不需要嵌套容器。
只要注意其他人对填充的描述，等等。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26469332
复制相关文章
相似问题