ブートストラップ - col-12でプッシュ/プルを使用しますか？

Question

私はちょうど発見したプッシュ/ブートストラップを使用したプル、私はあなたが再注文することができていることがわかりますように異なる画面サイズの列を： - 上記の例では、正常に動作します

<div class="col-md-4 col-sm-4 col-md-push-0 col-xs-push-4">1</div> 
<div class="col-md-4 col-sm-4 col-md-pull-0 col-xs-pull-4">2</div> 
<div class="col-md-4 col-sm-4">3</div> 

は2が来ます小さな画面では1になります。

sm列を12にしたい場合はどうなりますか？これはどのように機能しますか？私は試しました： -

<div class="col-md-4 col-sm-12 col-md-push-0 col-xs-12 col-xs-push-12">1</div> 
<div class="col-md-4 col-sm-12 col-md-pull-0 col-xs-12 col-xs-pull-12">2</div> 
<div class="col-md-4 col-sm-12 col-xs-12">3</div> 

今、小さな画面サイズで1と2が消えますか？

だから基本的に私が達成したいとしています： - それは理にかなっている場合はより小さなデバイスのための

<div class="col-sm-12">2</div> 
<div class="col-sm-12">1</div> 
<div class="col-sm-12">3</div> 

？

ここにはJSFIDDLEありがとうございます！

Answer 1

あなたは逆のことをします。ベースコードを2,1,3にしてから、大きな画面で見たいときにプッシュします。

これはモバイル全体です最初にものです。

<div class="row"> 
    <div class="col-md-4 col-sm-4 col-md-push-4">2</div> <!-- Push Column --> 
    <div class="col-md-4 col-sm-4 col-md-pull-4">1</div> <!-- Pull Column --> 
    <div class="col-md-4 col-sm-4">3</div> 
</div> 

Fiddle

これはmdの上に壊れていますがアイデアに