Rearrange twitter bootstrap divs auf verschiedene Reihenfolge zusammenzufallen

Question

Ich habe drei divs mit class = "col-md-4 col-xs-6", Klasse = "col-md-4 col-xs-12", Klasse = " col-md-4 col-xs-6"
es bricht in einer Reihe im Hinblick auf mittlerem Bildschirm:

 
    div 1 | div 2 | div 3 
 

Nachdem es xs Größe geändert wird:

 
    div 1 (xs 6) 
 
    div 2 (xs 12) 
 
    div 3 (xs 6) 
 

Wie kann ich anchieve dies so kollabieren :

 
    div 1 (xs 6) | div 3 (xs 6) 
 
    div 2 (xs 12) 
 

Ich denke Ich könnte div 3 in der xs-Ansicht versteckt machen und eine Kopie von div 3 machen, indem ich sie nach div 1 platziere, was sichtbar wird. Aber gibt es einen Weg ohne Veröffentlichung?

Answer 1

Ich habe selbst herausgefunden, wie man das macht. Heres meine Lösung:

<div class="col-md-4 col-xs-6">1</div> 
<div class="col-md-4 col-xs-12">2</div> 
<div class="col-md-4 col-xs-6">3</div> 

Rewrite als:

<div class="col-md-4 col-xs-6">1</div> 
<div class="col-md-4 col-xs-6 pull-right">3</div> 
<div class="col-md-4 col-xs-12">2</div> 

http://jsfiddle.net/tkgfzzx4/10/

Answer 2

<div class="col-md-4 col-xs-6 order-1 order-md-1">1</div> 
<div class="col-md-4 col-xs-12 order-3 order-md-2">2</div> 
<div class="col-md-4 col-xs-6 order-2 order-md-3 ">3</div> 

Versuchen Sie dies die neueste Version von Bootstrap verwenden.