html - 是否有必要将行包装在 Bootstrap 的行类中？

Question

我很好奇是否需要将每一行包装在行类 div 中的结果网格中。在我的例子中，结果是相同的尺寸。所以我会:

<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>
<div class="col-md-4">
...
</div>

如果我正在创建网格，使用行有什么特别的好处吗？所以像这样:

<div class="row">
    <div class="col-md-4">
    ...
    </div>
    <div class="col-md-4">
    ...
    </div>
    <div class="col-md-4">
    ...
    </div>
</div>
<div class="row">
    <div class="col-md-4">
    ...
    </div>
    <div class="col-md-4">
    ...
    </div>
    <div class="col-md-4">
    ...
    </div>
</div>

我理解对于内容不均匀的其他类型的布局，行是必不可少的。但是再次假设相同的尺寸是第一种方法可以接受吗？

Answer 1

据我了解:

.row 给你两个 imp 样式:

margin-right: -15px;
margin-left: -15px;

这抵消了容器样式的影响:

padding-right: 15px;
padding-left: 15px;

因此有必要使用 row 来确保您的 container 样式被覆盖。它还提供了在各种媒体查询中设置 width 的额外样式。

没有必须包含它的硬性规定。尽管最好包含它以避免意外结果和添加额外的样式。