有必要填充一行bootstrap的网格系统的所有12列？

Question

有必要填写一行的所有12列？

示例1 - 声明行中总共12列中只有2列:

<div class="container">
  <div class="row">
    <div class="col-sm-2">
      ...
    </div>
  </div>
</div>

示例2 - 也声明了未使用的列:

<div class="container">
  <div class="row">
    <div class="col-sm-2">
      ...
    </div>
    <div class="col-sm-10"></div>
  </div>
</div>

浏览器有可能以不同的方式扩展2示例吗？ 我倾向于认为一个好的做法是示例2.

Answer 1

既然你要添加一个新的，row那真的没关系。如果您使用列换行，其中col每行的单位可能超过 12，您将需要占位符col-sm-10。

IMO，第一个是首选，因为它需要较少的标记。另外，如果您要嵌套列，文档会特别说明..

“不需要使用所有 12 个可用列”