Ordenar columnas en Bootstrap 4 con push / pull y col-md-12
Tengo dos columnas con la clasecol-md-12
cada.
En la vista de escritorio, deberían aparecer como:
Col **1**
Col **2**
En la vista móvil, debería aparecer así:
Col **2**
Col **1**
¿Es esto posible incluso con el ordenamiento de columnas de Bootstrap?
Mi código actual:
<div class="row">
<div class="col-xs-push-12 col-md-12">
Col 1
</div>
<div class="col-xs-pull-12 col-md-12">
Col 2
</div>
</div>