私は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つのセクションがあります。モバイルの場合、2番目のdivは1番目のdivになります。しかし、モバイル(col-smまたはcol-xs)のときに、最初に2番目のdivを取得するにはどうすればよいですか?モバイルでのブートストラップ列の順序?
<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
経験:[?どうやってモバイルレイアウト上のブートストラップ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>
動作しません。 jsfiddleやcodepenでこれをテストするだけです。 – Janath
コードまたはリンクを入力してください... –
可能な複製(http://stackoverflow.com/質問/ 20171408/how-do-i-change-bootstrap-3-order-on-mobile-layout) – tinyCoder
http://getbootstrap.com/css/#grid-column-ordering – Thilo