Html 引导网格问题

我在中等屏幕上用推拉的方式工作，有一种奇怪的行为

这是我试图达到的网格布局

   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>

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
--1--
--2--
--3--
--4--
--5--

一切都很好，但在1729px和1771px（lg屏幕）之间，一切都失败了，块4位于块1的顶部，块5位于块4下方的新行 所以我猜我做错了什么，我没有完全理解类推拉的行为

一些图像

布局lg

没问题

当block 2高度增加时，引导浮动会把一切都搞糟

---

Lose

col-lg-pull-6

用于块4。和推块#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>

--1--
--2--
--3--
--4--
--5--

你能提供一个演示或至少是一个屏幕截图吗？谢谢你的重播，我认为问题的出现是因为我在代码中有一些头像，一些移动到两行，这就是这个问题发生的时候。我没有意识到这种奇怪的行为只发生在方块高度不相等的时候，混乱是由浮标造成的。我想我理解为什么会发生这种情况。。。但我看不到解决办法