Bootstrap 3 element positioning?

Question

css

In bootstrap, if the elements don't fit on the screen, then the right element falls under the left element. Is it possible to do the opposite, so that the right one floats over the left, but not for all elements, but for certain ones?
For example: 2 blocks

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

It looks like this more than 998px in width

With a width less than 1200px

I want it to be the other way around, like this

Answer 1

Swap the columns in the code, those that should be on the right - float: right

Answer 2

won like this, maybe someone needs it

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