Верстка. Как поменять столбцы местами на смартфоне

Для каталога может понадобиться вывести фильтры справа, но в мобильном виде фильтры должны быть сверху элементов, а не снизу. 

Для решения этой задачи используем классы order-lg-last order-md-first order-sm-first order-first

<div class="container ">
 <div class="row ">
   <div class=" bg-info  col-lg-8  col-md-6 col-sm-12  ">
       left
   </div>
   <div class="bg-success col-lg-4 col-md-6 col-sm-12 order-lg-last order-md-first order-sm-first order-first">
     right
   </div>
</div>
</div>

В итоге на больших экранах правая колонка выводится справа, а на малых разрешениях она идет первой (т.е. вверху).

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK