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

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

Для решения этой задачи используем классы 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>

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

Примечание