带有行或容器流体的Bootstrap 3及以上

时间:2014-04-01 16:35:19

标签: twitter-bootstrap twitter-bootstrap-3

我需要帮助升级Bootstrap 3内部。据我了解,实际上有多余的元素,如容器 - 流体。 我可以使用没有容器流体的行作为我的例子:

<div class="row">

<section class="border-box">

</section>

</div>

如果您检查较低分辨率,则在这种情况下出现问题。容器不会限制填充规范。

可以在这种情况下使用

<div class="row">

<section class="border-box">

<container>

</container>

</section>

</div>

是否允许此示例或标题没有行元素?

<section class="border-box">

<container>

</container>

</section>

</div>

1 个答案:

答案 0 :(得分:1)

.row意味着包含Bootstrap col-*网格列,因为它使用负边距。所以,不,在.row

内立即使用另一个元素并不好

根据Bootstrap文档(http://getbootstrap.com/css/#grid)..

  • 行必须放在.container(固定宽度)或.container-fluid(全宽)内,以便正确对齐和填充。
  • 使用行创建水平的列组。
  • 内容应放在列中,仅列可能是行的直接子项