Question

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

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

A

乙

C

但我希望以下面的顺序在手机上显示它

乙

C

A

<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

＆＃13;

<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>

＆＃13;

这样就可以了解

Bootstrap列垂直重新排序

1 个答案: