在Bootstrap中的同一页面上使用多个容器是否合法

时间:2016-12-01 07:49:38

标签: html css twitter-bootstrap

在Bootstrap的同一页面上使用多个<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <select>是否合法?

我需要一个包含嵌套列的列,这些列具有自己的大小,与父级container无关。

我能够这样做吗?或者我每页仅限container个?

3 个答案:

答案 0 :(得分:8)

  

Bootstrap需要一个包含元素来包装网站内容和   安置我们的网格系统。您可以选择使用两个容器中的一个   你的项目。需要注意的是,由于填充量较多,既不是容器   是可嵌套的。

阅读官方文档here

答案 1 :(得分:3)

引自Bootstrap:http://getbootstrap.com/css/#overview-container

  

Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择在您的项目中使用两个容器中的一个。请注意,由于填充等原因,两个容器都不可嵌套。

我认为网格是最好的解决方案。

答案 2 :(得分:3)

使用多个容器并非违法行为。您可以根据需要使用多个。例如,如果要在页面上具有不同背景图像或颜色的多个部分,则可以使用部分,并且在每个部分中可以使用容器。

e.g

<section class="bg-1"><div class="container"></div></section>
<section class="bg-2"><div class="container"></div></section>
<section class="bg-3"><div class="container"></div></section>

在您的情况下,您可以使用流体容器并定义自己的大小的列。这样你将拥有容器和你自己的布局div。

希望这有帮助。