2016-03-22 7 views
0

Gibt es eine Möglichkeit, dies mit Bootstrap passieren zu lassen? Ich versuchte mit Pull-rechts/Push-links, aber das untere div (hellblau) ist in einer Linie mit dem gelben div und nicht an der Spitze.Wie ändert man die Reihenfolge der Elemente mit Bootstrap und Breakpoints

enter image description here

<div class='col-xs-12'>1</div> 
<div class='col-xs-12'>2</div> 
<div class='col-xs-12'>3</div> 
+0

Wenn die Antwort für Sie gearbeitet, sollten Sie es durch Klicken auf das Häkchen unter dem nach oben/unten Abstimmung Antwort akzeptieren. Dies warnt die Leser, was der Fragesteller als nützlich empfunden hat. (Jeder kann nach oben oder nach unten abstimmen.) Es verbessert auch den Ruf der Antworten. – Karl

Antwort

1
<div class='row'> 
    <div class='col-xs-6'> 
    <div class='row'> 
     <div class='col-xs-12'>1</div> 
     <div class='col-xs-12'>2</div> 
    </div> 
    </div> 
    <div class='col-xs-6'>3</div> 
</div> 

Sie erhalten eine individuelle Medienabfrage machen müssen, um die Pause bei 320px zu behandeln.

http://codepen.io/tsneville/pen/bpWNYo

+0

genial. Vielen Dank! – user2587454

Verwandte Themen