Ich habe zwei Spalten mit der Klassecol-md-12 jeder

n der Desktop-Ansicht sollten sie wie folgt aussehen:

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

In der mobilen Ansicht sollte das so aussehen:

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

Ist das überhaupt mit der Spaltenreihenfolge von Bootstrap möglich?

Mein aktueller Code:

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