끌어 오기를 사용하는 요소의 부트 스트랩 순서

Question

레이아웃 웹 사이트의 부트 스트랩을 사용하고 있습니다.

<section class="content"> 
    <div class="intro col-lg-3 col-md-4 col-sm-12 col-xs-12"></div> 

    <div class="slider col-lg-9 col-md-8 col-sm-12 col-xs-12"></div> 
</section> 

이 잘 작동 : 나란히 배치되어 2 개 사업부의, 하나의 왼쪽과 한 권리를 가지고있는 경우 이가 좋아하는이 보인다. 그러나 화면이 "sm"및 "xs"클래스에 도달하면 슬라이더 div를 왼쪽으로 가져 오려고하고 인트로 div를 오른쪽으로 끌어 내려 슬라이더 div가 인트로 div 위에 표시되도록합니다.

부트 스트랩의 풀 클래스가 있음을 알게되었습니다.

그래서 소개에 "끌어 오기 - 오른쪽"을 추가하고 슬라이더에 "끌어 오기 - 왼쪽"을 추가했습니다. 정확히 내가 원하는 것, 하지만 그것은 "lg"및 "md"클래스가 트리거되는만큼 원하는만큼 수행합니다. div의 전체 너비가 정해지면 정상 순서가됩니다.

"sm"및 "xs"클래스에서 작동하는 방법이 있습니까? 아니면 내가 잘못하고있는 것입니까? 감사합니다 :)

Answer 1

푸시 풀 클래스를 사용해보십시오. 아래 코드를 사용해보십시오

<section class="content col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
    <div class="intro col-lg-3 col-md-4 col-sm-4 col-sm-push-8 col-xs-4 col-xs-push-8"></div> 

    <div class="slider col-lg-9 col-md-8 col-sm-8 col-sm-pull-4 col-xs-8 col-xs-pull-4"></div> 
</section>