どのように3つの要素を持つ行を作るとモバイルビューで2を表示するブートストラップ

Question

3の行にshow要素9（div）が必要ですが、その行はモバイルビューで2要素だけを表示します、どうすればいいですか？このユース複数に小さな画面サイズで、このようなmdとlg次いでsmとxsの両方より大きな画面サイズを標的col-*-*クラスを達成するために

| elem_0 | elem_1 | elem_2 | <--- on desktop 
| elem_3 | elem_4 | elem_5 | 

| elem_0 | elem_1 | 
| elem_2 | elem_3 |  <--- on mobile view 
| elem_4 | elem_5 | 

Answer 1

。大きい画面サイズではcol-*-4（1/3）をターゲットにし、小さい画面サイズではcol-*-6（1/2）をターゲットに設定します。ブートストラップrowが終わる所与以上12合計col-*-*を持っている場合、それらは次の表示行にオーバーフローする：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-4 col-sm-6 col-xs-6">0</div> 
     <div class="col-md-4 col-sm-6 col-xs-6">1</div> 
     <div class="col-md-4 col-sm-6 col-xs-6">2</div> 
     <div class="col-md-4 col-sm-6 col-xs-6">3</div> 
     <div class="col-md-4 col-sm-6 col-xs-6">4</div> 
     <div class="col-md-4 col-sm-6 col-xs-6">5</div> 
    </div> 
</div> 

例：

http://www.bootply.com/SSuDcf7RSh

あなたが各<div>にcol-sm-6を調整する必要があるかもしれません要素をブレークポイントのニーズに合わせることができます。あなたが携帯電話を検討している画面の幅は何ですかpx。