引导列垂直重新排序

Question

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

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

一个

乙

C

但我想按以下顺序在移动设备上显示它

乙

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>

这将解决问题