並べ替え列4

Question

ブートストラップ残念ながらベータ版でのブートストラップがpush-*とpull-*クラスをドロップするので、私はどのようにXSとSMデバイスで列の順序を変更するという考えはありません。

[COLUMN_1] [COLUMN_2を] [column_3]

に：

[COLUMN_1] [column_3]

[column_2]

どのようなアイデアですか？

Answer 1

新しいReorderingヘルパークラスがあります。 HTML内のdivは、あなたがそれらをモバイルに表示するよう 場所：

<div class="container"> 
    <div class="row"> 
    <div class="col-6 col-md-4"> 
     [column_1] 
    </div> 
    <div class="col-6 col-md-4 order-md-12"> 
     [column_3] 
    </div> 
    <div class="col-6 col-md-4 order-md-1"> 
     [column_2] 
    </div>  
    </div> 
</div> 

は[COLUMN_1]第一および順不同のままになります。 （後にcol-を追加.order-md-12（MD-サイズとアップのために最後になります）およびxsデバイスで[COLUMN_2] .order-md-1（MD-サイズとアップのために最初になります）

チェックjsfiddle