自举网格问题

我收到一个奇怪的行为，在中等屏幕上拉和推工作。自举网格问题

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

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身高增长了块4＃引导彩车混乱的一切行动

来源

2016-03-23 Tyra Pululi

你能提供一个演示或至少一个截图吗？ – Luke

感谢您的回放，我认为问题的出现是因为我在代码中使用了heade，一些移动到了2行，这就是当这个问题发生时 –

我没有意识到，这个奇怪的bahaviour只发生在块高度是不平等和混乱起源于浮标 –

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

来源

2016-03-23 09:38:57 ctumturk

谢谢，但没有工作，一些它是如何使它最差 –

我认为我明白了为什么发生这种情况......但我不能看到一个解决方案 –

自举网格问题

回答

相关问题