css – 必须是Bootstrap容器元素包含行元素吗?

前端之家收集整理的这篇文章主要介绍了css – 必须是Bootstrap容器元素包含行元素吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从我阅读的文档,似乎.container是.row和包含.spanX(其中x总计12)的div的“父”包装器。但是,它的导航示例中似乎没有.row。

此外,在他们的文档网站上,.container被一些导航栏相关的div包装。

任何人都可以阐述一下框架应该如何工作?我是新来的。

解决方法

在.container中不需要.row类,但是当你开始想要多行时,最好包含它。

所有的.row真的做的是确保它内部的所有div出现在自己的行,与前一个和后面的.rows分开。

对于.navbar div中的.container,这是使navbar与页面其余部分对齐所需的单独事件。如果你在渲染的HTML中向下看,你会看到有另一个.container不在任何.navbar div中,这是所有主要内容的。

一个完整的例子

<div class="container">
  <div class="row">
    <!-- These divs are inline and do NOT fill up the full 12 columns -->
    <div class="span4">...</div>
    <div class="span4">...</div>
  </div>

  <!-- This is a automatically a new line of divs -->
  <div class="row">
    <!-- This div will appear below the prevIoUs row,even though it
      would fit next to the other divs -->
    <div class="span4"></div>
  </div>

  <!-- These will appear in their own row,but may act
    unexpectedly in certain situations -->
  <div class="span4"></div>
  <div class="span4"></div>
</div>

简而言之

.row定义一行div,就像名字所暗示的。每个都指示一行新的div,无论上面的行是否已满。

猜你在找的CSS相关文章