isay777
@isay777
Джумлавод, делаю сайты на jbzoo

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

Вот ситуация.
Есть примерно такая структура
<div class="row">
  <div class="col-md-4 col-xs-12">типа сайдбар</div>
  <div class="col-md-8 col-xs-12">контент</div>

</div>


первый див левое меню, второй див контент.
Когда заходишь с мобильного первым делом идет левый сайдбар и если он длинный, то занимает 5-8 экранов мобильного. А до контента хрен доберешься.
Как сделать так, что на мобильной версии контент был первым?
  • Вопрос задан
  • 403 просмотра
Решения вопроса 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>


Подробнее об этом в документации.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
seoperin
@seoperin
Full stack web developer. Laravel / Vue
<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>

Можно так
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы