Bootstrap: Änderung der Reihenfolge der voller Breite Spalten auf mobilen Geräten

Question

Ich habe so Schema:

[col-1][col-2] 

(alle von ihnen haben Breite von 12-Block)

und meine html:

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

ist es möglich, auf xs-mobilen geräten so zu zeigen ?:

Ich habe versucht, so:

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

aber es hilft nicht (

Answer 1

Legen Sie die Spalten in ihrer mobilen ersten Ordnung, und dann Push verwenden/ziehen Sie sie auf größeren Bildschirmen neu zu bestellen ...

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

http://codeply.com/go/PetKacoXyT

Answer 2

Für mobile Gerät Sie die Reihenfolge wie folgt ändern können ..

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