Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导程序3-何时结束该行?_Twitter Bootstrap_User Interface_Twitter Bootstrap 3 - Fatal编程技术网

Twitter bootstrap 引导程序3-何时结束该行?

Twitter bootstrap 引导程序3-何时结束该行?,twitter-bootstrap,user-interface,twitter-bootstrap-3,Twitter Bootstrap,User Interface,Twitter Bootstrap 3,这似乎是一个愚蠢的问题,但是使用Bootstrap3和基于屏幕大小的其他布局,在哪里结束行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&g

这似乎是一个愚蠢的问题,但是使用Bootstrap3和基于屏幕大小的其他布局,在哪里结束行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,还是在小行满后结束行div?或者完全不同的东西?

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

<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>