Bootstrap容器

时间:2016-06-24 18:02:13

标签: twitter-bootstrap containers

如果这似乎是一个显而易见的问题,我很擅长编码。

使用bootstrap 1)我可以拥有多个容器吗?如果是这样的话,如果它们都必须被称为容器,我该如何分别设计它们呢?

谢谢!

2 个答案:

答案 0 :(得分:2)

是的,您可以根据需要拥有尽可能多的containercontainer-fluid

将自定义CSS类添加到容器以进行样式化..

<div class="container-fluid">...</div>
<div class="container-fluid someclass">...</div>

.someclass {
    background-color:#eee;
}

http://www.codeply.com/go/8vDhaX4kKV

答案 1 :(得分:1)

Bootstrap网站说这个

  

通过将内容包装在.container中,轻松居中页面的内容。容器在各种媒体查询断点处设置宽度以匹配我们的网格系统。

     

请注意,由于填充和固定宽度,默认情况下容器不可嵌套。

您可以拥有多个容器,但不应嵌套它们。

现在假设您确实有多个,可以通过多种方式设置样式。

  1. 您可以将ID分配给容器<div class="container" id="container1">。然后,您可以使用id选择器(#container1
  2. 来引用它
  3. 您可以使用假选择器。 .container:first-of-type.container:nth-child(3)