У меня есть 3 колонки, которые я хочу заказать по-разному на настольном компьютере и мобильном телефоне. В настоящее время моя пташка выглядит так:

<div class="row">
  <div class="col-xs-3 col-md-6">
    1
  </div>
  <div class="col-xs-3 col-md-6">
    2
  </div>
  <div class="col-xs-6 col-md-12">
    3
  </div>
</div>

В мобильном представлении я хочу иметь следующий вывод:

1-3-2

К сожалению, я не понимаю, как решить эту проблему с.col-md-push-* а также.col-md-pull-* занятия в Bootstrap 4.