모바일에서 부트 스트랩의 열 순서를 변경하는 방법

내 페이지에서 내 사이드 바 및 콘텐츠 영역의 순서를 변경하려고합니다. 모바일에서 부트 스트랩의 열 순서를 변경하는 방법

<div class="col-md-3">Sidebar</div> 
<div class="col-md-9">Content</div>

나는 내 사이드 바 콘텐츠의 상당한 금액을했습니다 나는 사이드 바 사이드 바에서 모바일이 아닌 내용을 내용 영역에서 보여 드리고자합니다.

몇 가지 질문을 검색했지만 해결 방법이없는 것 같습니다.

2016-09-27 Alex Knopp

[모바일 레이아웃에서 부트 스트랩 3 열 순서를 어떻게 변경합니까?] (http://stackoverflow.com/questions/20171408/how-do-i-change-bootstrap-3-column-order-on-mobile- 레이아웃) –

이것들을 시험해 보았다, 그들은 일을 didnt한다. 어쨌든 고마워. –

이것을 시도하십시오 : http://stackoverflow.com/questions/20171408/how-do-i-change-bootstrap-3-column-order-on-mobile-layout – RohitS

col-md-pull-* 및 col-md-push-* 클래스를 사용할 수 있습니다. 그런 다음, 직접 HTML에 모바일 순서를 설정 데스크톱을 다시 정렬이 클래스를 사용, 즉하려면 :

<div class="col-md-9">Content</div> 
<div class="col-md-3 col-md-3-pull">Sidebar</div>

2016-09-27 15:42:25 Aeolingamenfel

모바일에서 시작하여 전체 화면으로 편집하는 것은 무엇입니까? –

@AlexKnopp 예. 자세한 내용은 다음을 확인하십시오. http://getbootstrap.com/css/#grid-responsive-resets – Aeolingamenfel

이 부분을 살펴 보겠습니다. –

-1

오순절 그 코드가 작동해야하지만, 그 clases에게 추가

<div class="col-md-3 col-sm-12">Sidebar</div> 
    <div class="col-md-9 col-sm-12">Content</div>

2016-09-27 15:44:14 nperez9

겹침 순서는 변경되지 않습니다. 이 모든 작업은 작은 화면에서 열 너비를 표시하는 것입니다. –

답변