2016-12-23 4 views
0

Ich habe zwei Abschnitte. Wenn mobil, geht das zweite Div unter erstes Div. Aber wie kann ich das zweite Div zuerst bekommen, wenn es mobil ist (col-sm oder col-xs)?Bootstrap-Spalte Bestellung auf Handy?

<div class="col-md-8"> 
Hello 
</div> 

<div class="col-md-4"> 
world 
</div> 
+2

Mögliche Duplikat [? Wie kann ich Bootstrap 3 Spalte, um auf mobilen Layout ändern] (http://stackoverflow.com/ Fragen/20171408/how-do-i-change-Bootstrap-3-Spalten-Auftrag-auf-Mobil-Layout) – tinyCoder

+0

http://getbootstrap.com/css/#grid-column-order – Thilo

Antwort

0

Versuchen Sie Ihren Code zu ändern:

<div class="col-lg-9 col-lg-push-3"> 
Hello 
</div> 

<div class="col-lg-3 col-lg-pull-9"> 
World! 
</div> 
2

Sie Bootstrap Klasse col-lg-push-x und col-lg-pull-x verwenden können.

Siehe auch Demo Hier: enter link description here

Exp:

<div class='row'> 
<div class='col-lg-5 col-lg-push-5'>World</div> 
<div class='col-lg-5 col-lg-pull-5'>Hello</div> 
<div class='col-lg-2'></div> 
</div> 
+0

Funktioniert nicht. Testen Sie dies einfach auf jsfiddle oder codepen. – Janath

+0

Bitte geben Sie Ihren Code oder Link ein ... –