2016-12-23 28 views
0

我有兩個部分。當移動時,第二個div進入第一個div。但是,如何在移動時(col-sm或col-xs)第一次獲得第二個div?手機上的Bootstrap列順序?

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

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

的[?我如何改變移動佈局引導3列順序(可能的複製http://stackoverflow.com/問題/ 20171408 /我如何改變引導程序-3列順序移動佈局) – tinyCoder

+0

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

回答

0

試着改變你的代碼:

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

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

您可以使用自舉類col-lg-push-xcol-lg-pull-x

也可查看演示這裏:enter link description here

經驗:

<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

不工作。只需在jsfiddle或codepen上進行測試即可。 – Janath

+0

請提供您的代碼或鏈接... –