Zmień kolejność bootstrapów diva, aby zwinąć do innej kolejności

Question

Mam trzy divy z klasą = "col-md-4 col-xs-6", class = "col-md-4 col-xs-12", class = " Col-MD-4 Col-XS-6"
zapadnie się w jednym rzędzie w pożywce widok ekranu:

 
    div 1 | div 2 | div 3 
 

Po jest zmniejszane do xs:

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

Jak można anchieve to upadku takiego :

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

Myślę, że Mogę zrobić div 3 ukryty w widoku xs i zrobić kopię div 3, umieszczając ją za div 1, która staje się widoczna. Ale czy jest jakaś droga bez dublowania?

Answer 1

Sam się dowiedziałem, jak to zrobić. Herezje moje rozwiązanie:

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

Przepisz jak:

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

Wypróbuj przy użyciu najnowszej wersji startowej.