我的理解是,所有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”?
>你会想要嵌套“容器divs”在其他的?什么时候/为什么?
解决方法
>页面的一些部分将跨越整个视口宽度,而其他部分不会。一些背景将是全宽,但内容不会。
这样的一个示例是具有背景图像或颜色的视图区域,该背景图像或颜色是视口的全部宽度,但是在任何给定视口宽度下,其内部的形式或形式不超过.container。
>你不嵌套.container或者.container-fluid – 见docs.没有必要。
Docs: Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that,due to padding and more,neither container is nestable [neither means that .container and .container-fluid are NOT to be nested].