1
불행하게도 부트 스트랩 부트 스트랩, 그래서에서 XS와 SM 장치의 열 순서를 변경하는 방법을 생각하지 않습니다재정렬 열은 4
[column_1] [column_2을 [column_3]
행 :
[column_1] column_3]
[column_2]
아이디어가 있으십니까?
불행하게도 부트 스트랩 부트 스트랩, 그래서에서 XS와 SM 장치의 열 순서를 변경하는 방법을 생각하지 않습니다재정렬 열은 4
[column_1] [column_2을 [column_3]
행 :
[column_1] column_3]
[column_2]
아이디어가 있으십니까?
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
(최대 MD-크기에 대한 첫번째 것) xs- *) 열은 하나의 열에 있습니다. 어떤 문제가 있습니까? – Knowledge
@Knowledge 더 이상'col-xs- *'가 없으며'col- *'만 있습니다. 내 대답을 업데이트 중입니다 – tmg
완벽하게 작동합니다! 감사 – Knowledge