Önyükleme ızgarası sorunu

Question

Çekme ve itme işlerinde orta ekranlarda tuhaf bir davranış alıyorum.

Bu, ulaşmaya çalıştığım ızgara düzenidir.

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> 

Her şey yeterince neredeyse iyi ama 1729px ve 1771px (lg ekranı) her şey başarısız, blok 4. arasındaki blok 1. üst ve 5 de blok # olması gereken yerde altında yeni satırda olduğunu blok # üzerindedir 4 Yani sanırım yanlış bir şey yapıyorum ve sınıfların nasıl ittiği ve nasıl davrandığını tam olarak anlamadım.

Bazı görüntüler

Düzen lg

yok sorun

blok 2 yükseklik blok 4. için önyükleme yüzer pisliği

Answer 1

her şeyi kaybedeceğim col-lg-pull-6 yetişir. ve # 5 6 sütun bloğunu itin.

Bence aradığın şey bu mu?

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