Как на мобильной версии сделать контент выше чем sidebar?

Question

[Антон]

Вот ситуация.
Есть примерно такая структура

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

</div>

первый див левое меню, второй див контент.
Когда заходишь с мобильного первым делом идет левый сайдбар и если он длинный, то занимает 5-8 экранов мобильного. А до контента хрен доберешься.
Как сделать так, что на мобильной версии контент был первым?

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>

Подробнее об этом в документации.

Comments

[Антон]

спасибо

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>

Можно так

Answer 3

[SevenWitches]

так,а в каком файле нужно все это менять,м?