Bootstrap: ordem de alteração de colunas de largura total em dispositivos móveis

Eu tenho esse esquema:

[col-1][col-2]

(todos eles têm largura de 12 blocos)

e meu html:

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

é possível mostrar dessa maneira em dispositivos xs-mobile ?:

2
1

eu tentei assim:

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

mas isso não ajuda (

questionAnswers(2)

yourAnswerToTheQuestion