我有兩個部分。當移動時,第二個div進入第一個div。但是,如何在移動時(col-sm或col-xs)第一次獲得第二個div?手機上的Bootstrap列順序?
<div class="col-md-8">
Hello
</div>
<div class="col-md-4">
world
</div>
我有兩個部分。當移動時,第二個div進入第一個div。但是,如何在移動時(col-sm或col-xs)第一次獲得第二個div?手機上的Bootstrap列順序?
<div class="col-md-8">
Hello
</div>
<div class="col-md-4">
world
</div>
試着改變你的代碼:
<div class="col-lg-9 col-lg-push-3">
Hello
</div>
<div class="col-lg-3 col-lg-pull-9">
World!
</div>
您可以使用自舉類col-lg-push-x
和col-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>
不工作。只需在jsfiddle或codepen上進行測試即可。 – Janath
請提供您的代碼或鏈接... –
的[?我如何改變移動佈局引導3列順序(可能的複製http://stackoverflow.com/問題/ 20171408 /我如何改變引導程序-3列順序移動佈局) – tinyCoder
http://getbootstrap.com/css/#grid-column-ordering – Thilo