用户界面-引导程序3-何时结束该行

Question

这似乎是一个愚蠢的问题，但使用bootstrap 3和基于屏幕大小的可选布局来结束行div的合适位置在哪里。考虑以下内容，小型设备上的2列网格和大型设备上的3列网格，哪一个是正确的？

<div class="container">
  <div class="row">
    <div class="col-sm-6 col-lg-4">A</div>
    <div class="col-sm-6 col-lg-4">B</div>
    <div class="col-sm-6 col-lg-4">C</div>
  </div>
  <div class="row">
    <div class="col-sm-6 col-lg-4">D</div>
    <div class="col-sm-6 col-lg-4">E</div>
    <div class="col-sm-6 col-lg-4">F</div>
  </div>
</div>

或

<div class="container">
  <div class="row">
    <div class="col-sm-6 col-lg-4">A</div>
    <div class="col-sm-6 col-lg-4">B</div>
  </div>
  <div class="row">
    <div class="col-sm-6 col-lg-4">C</div>
    <div class="col-sm-6 col-lg-4">D</div>
  </div>
  <div class="row">
    <div class="col-sm-6 col-lg-4">E</div>
    <div class="col-sm-6 col-lg-4">F</div>
  </div>
</div>

不同的是，我是在一个大的行满了之后结束行div，还是在一个小的行满后结束？还是完全不同的东西？

Answer 1

当您想要控制中断出现的位置时，您可以结束该行。当然，你可以把东西放在一行，即使列加起来不会刚好是12。但是，如果你真的想很好地控制你的显示器，那么你不会经常这样做。