Bootstrap: cambiar el orden de las columnas de ancho completo en dispositivos móviles

Tengo ese esquema:

[col-1][col-2]

(todos ellos tienen un ancho de 12 bloques)

y mi html:

<div class="col-xs-12 col-md-5">1</div>
<div class="col-xs-12 col-md-7">2</div>

¿Es posible mostrar de esa manera en dispositivos xs-mobile ?:

2
1

Lo intenté así:

<div class="col-xs-12 col-md-5 col-xs-push-12">1</div>
<div class="col-xs-12 col-md-7 col-xs-pull-12">2</div>

pero no ayuda

Respuestas a la pregunta(2)

Su respuesta a la pregunta