ブートストラップの順序を並べ替える

Question

ブートストラップグリッドに関する質問があります。私はグリッドを持っています。デスクトップブラウザモードでは、1行目と2行目とA列、B列、C列があるExcelを想像してください。

desktop to stacked

IはA1、A2、B1、B2、C1、C2の順（上から下へ）と移動モードに積層 'セル' を並べ替えたいです。私はプルとプッシュクラスを見てきましたが、上記のことはしません。誰もそれを達成する方法をアドバイスできますか？

私は他の同様の答えを見つけましたが、私の問題と正確には一致しません。

おかげで、

LB

Answer 1

は、この構造をチェックしてください。 3つの列を作成し、各列の内側に行の全幅の列を追加する必要があります。したがって、小さな画面では、最初の列から最後の列に積み重なるようになります。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="row"> 
 
    
 
    <div class="col-sm-3"> 
 
    <div class="row"> 
 
     <div class="col-xs-12"> 
 
      A1 
 
     </div> 
 
     <div class="col-xs-12"> 
 
      A2 
 
     </div> 
 
    </div> 
 
    </div> 
 
    
 
    <div class="col-sm-3"> 
 
    <div class="row"> 
 
     <div class="col-xs-12"> 
 
      B1 
 
     </div> 
 
     <div class="col-xs-12"> 
 
      B2 
 
     </div> 
 
    </div> 
 
    </div> 
 
    
 
    <div class="col-sm-3"> 
 
    <div class="row"> 
 
     <div class="col-xs-12"> 
 
      C1 
 
     </div> 
 
     <div class="col-xs-12"> 
 
      C2 
 
     </div> 
 
    </div> 
 
    </div> 
 

 

 
</div>