ブートストラップ（デスクトップ/スマートフォン）で列の位置を切り替えるにはどうすればよいですか？

Question

どうすればいいですか？押し引き？

デスクトップ：

スマートフォン：

私はこれを始めています。

<div class="row"> 
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> 
     Some Small Object 
</div> 
<div class="col-md-6 col-sm-12 col-xs-12 text-center"> 
     Some Larger Object 
</div> 
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> 
     Some Small Object 
</div></div> 

ソリューション（2016年3月21日）：

<div class="row"> 
<div class="col-xs-6 col-md-3 text-center"> 
    A 
</div> 
<div class="col-xs-6 col-sx-push-0 col-md-3 col-md-push-6 text-center"> 
    C 
</div> 
<div class="col-xs-12 col-sx-pull-0 col-md-6 col-md-pull-3 text-center"> 
    B 
</div></div> 

Answer 1

はBootstrap docsでGrid column reorderingを見てください。

簡単 .col-md-push-*と.col-md-pull-*修飾クラスと私たちの内蔵のグリッド列の順序を変更します。

ここでは、列並べ替えを使用する方法についてはgood exampleです。