Bootstrap网格问题

Question

我在中画面上拉动和推动工作的方式变得奇怪。

这是我想要达到的网格布局。

   xs        sm           md               lg
 | 1 |   |   1   |    |  1  | 2 |    | 2 |  1  | 3 |
 | 2 |   |       |    |     | 3 |    | 4 |     | 5 |
 | 3 |   | 2 | 3 |    | 4  |  5 |
 | 4 |   | 4 | 5 |   
 | 5 |



 // html 
<div class="row">
  <div class="col-lg-6 col-lg-push-3 col-md-8 col-sm-12 col-sm-push-0">--1--</div>
  <div class="col-lg-3 col-lg-pull-6 col-md-4 col-sm-6 col-sm-push-0">--2--</div>
  <div class="col-lg-3 col-lg-pull-0 col-md-4 col-sm-6 col-sm-push-0">--3--</div>
  <div class="col-lg-3 col-lg-pull-6 col-md-6 col-md-pull-0 col-sm-6 col-sm-push-0">--4--</div>
  <div class="col-lg-3 col-lg-pull-0 col-md-6 col-md-pull-0 col-sm-6 col-sm-push-0">--5--</div>
</div>

一切都足够好但是在1729px和1771px（lg屏幕）之间一切都失败了，块＃4位于块＃1的顶部，块＃5位于下面的新行中，它应该是块＃4 所以我想我做错了什么并且我没有完全理解类推送和拉动的行为。

一些图片

布局lg

没问题

当第2块高度增加时，引导浮动会使一切变得混乱

Answer 1

第4块丢失col-lg-pull-6。并推块＃5 6列。

我认为这就是你要找的东西？

<div class="row">
<div class="col-lg-6 col-lg-push-3 col-md-8 col-sm-12 col-sm-push-0">--1--</div>
<div class="col-lg-3 col-lg-pull-6 col-md-4 col-sm-6 col-sm-push-0">--2--</div>
<div class="col-lg-3 col-lg-pull-0 col-md-4 col-sm-6 col-sm-push-0">--3--</div>
<div class="col-lg-3 col-md-6 col-md-pull-0 col-sm-6 col-sm-push-0">--4--</div>
<div class="col-lg-3 col-lg-push-6 col-md-6 col-md-pull-0 col-sm-6 col-sm-push-0">--5--</div>
</div>