2017-10-24 4 views
1

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

[column_1] [column_2을 [column_3]

행 :

[column_1] column_3]

[column_2]

아이디어가 있으십니까?

답변

0

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

+0

(최대 MD-크기에 대한 첫번째 것) xs- *) 열은 하나의 열에 있습니다. 어떤 문제가 있습니까? – Knowledge

+0

@Knowledge 더 이상'col-xs- *'가 없으며'col- *'만 있습니다. 내 대답을 업데이트 중입니다 – tmg

+0

완벽하게 작동합니다! 감사 – Knowledge