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