自举列垂直重新排序

Question

1）我可以使用自举Pull和Push垂直重新排列列。 2）在引导程序中是否有任何类将边框应用于div，或者我们是否需要编写自己的类。

假设我有如下一个DOM结构：

甲

乙

Ç

但我想在下面序列以将其显示在移动设备上

乙

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>

这将这样的伎俩