ブートストラップ列の垂直方向の並び替え

Question

1）ブートストラップのプルとプッシュを使用して列を垂直方向に並べ替えることができます。 2）divにボーダーを適用するためのブートストラップのクラスがありますか、独自のクラスを作成する必要があります。

私は以下のようにDOM構造があるとします。

B

C

が、私は以下の順序で携帯に

B

を、それを表示したいです

C

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<div class="container-fluid"> 
 
<div class="col-xs-12">A</div> 
 
<div class="col-xs-12">B</div> 
 
<div class="col-xs-12">C</div> 
 
</div>

Answer 1

<div class="row"> 
 
    <div class="col-xs-12 col-xs-push-12"> 
 
     <div class="alert alert-danger">B</div> 
 
    </div> 
 
    <div class="col-xs-pull-12 col-xs-12"> 
 
     <div class="alert alert-info">A</div> 
 
    </div> 
 
    <div class="col-xs-12"> 
 
     <div class="alert alert-info">C</div> 
 
    </div> 
 
</div>

これはトリック