Eu tenho duas colunas com a classecol-md-12 cada.

Na visualização da área de trabalho, eles devem ser exibidos como:

Col **1** 
Col **2**

Na visualização móvel, o display deve ser exibido assim:

Col **2**
Col **1**

Isso é possível com a ordem das colunas do Bootstrap?

Meu código atual:

<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>