2013-10-18 3 views
1

부트 스트랩 3 년 :스태킹 열 화면 해상도는 부트 스트랩의 감소 3

<div class = "row"> 
    <div class = "col-md-6" id = "one"> 
    <div class = "col-md-6" id = "two"> 
</div> 

내가 브라우저, DIV "2"의 폭을 감소 시작 결국 형성한다 DIV "one"아래에 새로운 행이 추가되었습니다. DIV "one"이 DIV "two"아래에 겹쳐 지도록 스태킹 순서를 어떻게 바꿀 수 있습니까?

답변

1

당신은 새 부트 스트랩에서 column ordering classes (.col-md-push-*.col-md-pull-*)이 작업을 수행 할 수 있지만 당신은 "스택"때 당신이 그들을 원하는 순서 인 요소가 DOM에 표시되는 순서 확인해야합니다

<div class="row"> 
    <div class="col-md-6 col-md-push-6" id="two">Two</div> 
    <div class="col-md-6 col-md-pull-6" id="one">One</div> 
</div> 

Demo fiddle

+0

감사합니다, 그들은 스태킹 순서에 영향을 줄 몰랐다 –

관련 문제