Bootstrap порядок элементов с помощью pull

Question

Я использую Bootstrap для макета моего сайта. Если есть 2 DIV-х, которые расположены бок о бок, один левый и одно право, это выглядит любит это:

<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> 

Это прекрасно работает. Но когда экран достигает классов «sm» и «xs», я пытаюсь вывести ползунок div влево, а intro div справа, чтобы ползунок div отображался над интро-div.

Я узнал, что классы pull в Bootstrap существуют.

Итак, я добавил «pull-right» для ввода и «pull-left» для слайдера. Это делает именно то, что я хочу, , но он только делает то, что я хочу так долго, когда запускаются классы «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>