Как сделать переупорядочевание колонок boostrap?

Question

[Андрей]

прилагаю скрин
joxi.ru/YmED9p0f0qqNMr
Помогите сделать так чтобы при уменьшении колонка с текстом становилась сверху над колонкой с картинкой. Сейчас все наоборот. Не могу понять как расставить Push и Pull

<section class="secmanevrennaya">
    <div class="container">
        <div class="row">
         <div class="col-md-5 col-md-offset-1 manevrennayaimg">
                <img src="img/POKEMONSKOLYASKOY.jpg" alt="">
                </div>
          <div class="col-md-4 col-md-offset-2">
               <div class="manevrennaya">
                    <h1>Она Маневренная!</h1>
                    <p>И легко управляется. Компактная, пройдет в любые двери, войдет в любой лифт.</p>
                    
                </div>
          </div>
       </div>
    </div>
</section>

Answer 1

[Артур Карапетян]

Берете открываете ютуб и пишите: "pull push bootstrap"

Answer 2

[Mary Солнечная]

Класс push выполняет перемещение колонок вправо, а класс pull перемещает колонки влево.

Вам нужно добавить вот этому блоку сol-md-push-12:

<div class="col-md-4 col-md-offset-2">
               <div class="manevrennaya">
                    <h1>Она Маневренная!</h1>
                    <p>И легко управляется. Компактная, пройдет в любые двери, войдет в любой лифт.</p>
                    
                </div>
          </div>

А вот этому:

<div class="col-md-5 col-md-offset-1 manevrennayaimg">
       <img src="img/POKEMONSKOLYASKOY.jpg" alt="">
</div>

сol-md-pull-12

Заранее извиняюсь, если ошиблась с цифрой от 1 до 12, но смысл тот же