3 열의 부트 스트랩 열 순서

Question

부트 스트랩 3.2.1 주문 3 열 주문 문제. 작은 화면에서 아래의 img와 같은 세 개의 열을 주문하려고합니다.

---

매체 화면에서 이것은 위의 이미지처럼한다.

---

하지만 순서는 높이가 COL C보다 큰 COL 경우 작동하지 않습니다

코드 :

<div class="col-md-5 col-md-push-7"> Col B </div> 
<div class="col-md-7 col-md-pull-5"> Col A </div> 
<div class="col-md-5 col-md-push-7"> Col C </div> 

Jsfiddle

Answer 1

당신이해야 할 모든 부동입니다 B 및 오른쪽에는입니다.

체크 아웃이 fiddle입니다.

<style type="text/css"> 
    .A, .B, .C { 
     background-color: DodgerBlue; 
     color: white; 
     font-size: 40px; 
     font-weight: bold; 
     text-align: center; 
    } 
    .A { 
     height: 200px; 
     line-height: 200px; 
    } 
    .B, .C { 
     float: right; 
     height: 75px; 
     line-height: 75px;    
    } 
</style> 
<div class="col-xs-12 col-md-5 B">B</div> 
<div class="col-xs-12 col-md-7 A">A</div> 
<div class="col-xs-12 col-md-5 C">C</div>