2016-12-23 5 views
0

私は2つのセクションがあります。モバイルの場合、2番目のdivは1番目のdivになります。しかし、モバイル(col-smまたはcol-xs)のときに、最初に2番目のdivを取得するにはどうすればよいですか?モバイルでのブートストラップ列の順序?

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

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

可能な複製(http://stackoverflow.com/質問/ 20171408/how-do-i-change-bootstrap-3-order-on-mobile-layout) – 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

経験:[?どうやってモバイルレイアウト上のブートストラップ3列の順序を変更します]の

<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

コードまたはリンクを入力してください... –

関連する問題