ブートストラップで列を並べ替える方法

Question

小さなデバイスで列を並べ替える必要があります。私はcol-sm-pushとcol-sm-pullを使用しようとしていますが、これは動作しません。理由はわかりません。

<div class="row no-margin white max-width"> 
    <div class="col-xs-12 col-sm-12 col-sm-push-12 col-md-6 no-padding"> 
    <div class="image"> 
     A 
    </div> 
    </div> 
    <div class="col-xs-12 col-sm-12 col-sm-pull-12 col-md-6 no-padding"> 
    <div class="item"> 
     <div class="title"> 
     </div> 
     <div class="info"> 
     B 
     </div> 
    </div> 
    </div> 
</div> 

何が問題ですか？

はあなたにmd画面サイズに

Answer 1

プッシュプルありがとうございました。プッシュプルは、画面がxsの場合には当てはまりません。

は、あなたがあなたにxs画面をしたいとmdサイズの画面用の

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row no-margin white max-width"> 
 
    
 
    <div class="col-xs-12 col-sm-12 col-md-6 no-padding col-md-push-6"> 
 
    <div class="image"> 
 
     B 
 
    </div> 
 
    </div> 
 
    <div class="col-xs-12 col-sm-12 col-md-6 no-padding col-md-pull-6"> 
 
    <div class="item"> 
 
     <div class="title"> 
 
     </div> 
 
     <div class="info"> 
 
     A 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>