How to make the content taller than the sidebar on the mobile version?

Question

css

Here is the situation.
There is a structure like this

<div class="row">
  <div class="col-md-4 col-xs-12">типа сайдбар</div>
  <div class="col-md-8 col-xs-12">контент</div>

</div>

the first div is the left menu, the second div is the content.
When you enter from a mobile phone, the left sidebar is the first thing to do, and if it is long, it takes up 5-8 mobile screens. And you will get to the content.
How to make sure that the content was the first on the mobile version?

Answer 1

<div class="row">
  <div class="col-md-8 col-md-push-4">Контент</div>
  <div class="col-md-4 col-md-pull-8">Сайдбар</div>
</div>

More on this in the documentation .

Answer 2

<div class="row">
  <div class="col-md-8 col-xs-12 pull-right">контент</div>
  <div class="col-md-4 col-xs-12 pull-left">типа сайдбар</div>
</div>

Can it be like this

Answer 3

So, in which file do you need to change all this, m?