부트 스트랩에서 3 열 그리드 순서 뒤집기

Question

중단 점이 클 때 열 순서를 바꿔야하는 3 열 그리드가 있습니다. 작은 중단 열에서

1. 이 JSFiddle 올바르게 동작 COL 1 COL2 COL3에게

표시되어야 큰 브레이크 열에서 COL2 COL1 COL3

표시되어야 매체 중단 열에서 COL3 COL2 COL1

표시되어야 col-sm 및 col-md 중단 점의 경우. 나는 원하는 큰 브레이크 포인트 동작 (위의 조건 3)에 영향을주기 위해 푸시/풀 클래스를 추가하려고 시도했지만 작동하지 못했습니다. 나는 col-md에서도 일어나는 주문에 의해 문제가 발생했다고 생각한다. 나는 중소 규모의 주문 행위를 원한다. 이것이 어떻게 완성 되었습니까?

<div class="container"> 
    <div class="row-fluid"> 
    <div class="col-xs-12 col-sm-12 col-md-3 col-md-push-9 bg-warning"> 
     column 3 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-5 col-md-pull-3 bg-danger"> 
     Column 2 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-3 bg-success">Column 1 
    </div> 
    </div> 
</div> 

Answer 1

나는 마침내 그것을 알아 냈습니다. 여기에 해결책이 JSFiddle입니다.

<div class="container"> 
    <div class="row-fluid"> 
    <div class="col-xs-12 col-sm-12 col-md-3 col-md-push-9 bg-warning"> 
     column 3 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-5 col-md-pull-3 col-lg-push-1 bg-danger"> 
     Column 2 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-3 col-lg-pull-8 bg-success">Column 1 
    </div> 
    </div> 
</div>