Позиционирование элементов bootstrap 3?

Question

[green176]

В bootstrap, если элементы не влазят на экран, то правый элемент проваливается под левый. Возможно ли сделать наоборот, что бы правый выплывал над левым, но не для всех элементов, а для определенных?
Например: 2 блока

<div class="container">
            <div class="row">
                <div class="col-md-5" style="background-color:red;height:500px"></div>
                <div class="col-md-7" style="background-color:green;height:500px"></div>
            </div>
        </div>

Выглядит так больше 998px по ширине

При ширине меньше 1200px

Хочу что бы было наоборот, вот так

Answer 1

[Олег]

Поменяйте местами колонки в коде, те, что должны быть справа - float: right

Comments

[green176]

не, менять колонки нельзя) На большом мониторе красная должна быть слева, а зеленая справа, но на маленьком зеленая сверху, а красная снизу

[Олег]

green176: Почему нельзя?

[green176]

Ну типа дизайн

[Олег]

green176: Еще раз, поменяйте колонки местами и добавьте правый флоат для нужной колонки на нужном разрешении, визуально будет все как вы хотите.

[green176]

Олег: отлично! Спасибо!

Answer 2

[green176]

победил вот так, может кому понадобится

<div class="row">
  <div class="col-md-5 col-md-push-7" style="background-color:red;height:500px">

  </div>
  <div class="col-md-7 col-md-pull-5" style="background-color:green;height:500px">
  </div>
</div>