재정렬 열은 4

Question

불행하게도 부트 스트랩 부트 스트랩, 그래서에서 XS와 SM 장치의 열 순서를 변경하는 방법을 생각하지 않습니다

[column_1] [column_2을 [column_3]

행 :

[column_1] column_3]

[column_2]

아이디어가 있으십니까?

Answer 1

Reordering 헬퍼 클래스가 새로 추가되었습니다. HTML에서 div의 당신이 그들 모바일에 표시 할 장소 :

<div class="container"> 
    <div class="row"> 
    <div class="col-6 col-md-4"> 
     [column_1] 
    </div> 
    <div class="col-6 col-md-4 order-md-12"> 
     [column_3] 
    </div> 
    <div class="col-6 col-md-4 order-md-1"> 
     [column_2] 
    </div>  
    </div> 
</div> 

가 [column_1] 제 순서가 유지됩니다. 이후 col- 추가 ((최대 MD-크기 마지막되고) column_3] .order-md-12으로 재정렬하고 [column_2] .order-md-1 XS 소자에서

체크 jsfiddle