html - bootstrap的grid系统一行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

因为您要添加一个新的行，所以这并不重要。如果您使用的是 column wrapping每行中的 col 单位可能超过 12，您需要占位符 col-sm-10。

http://www.codeply.com/go/D1RLpfT8pD

IMO，第一个是首选，因为它需要较少的标记。此外，如果您要嵌套列 docs specifically state ..

"it is not required that you use all 12 available columns"