css - 如何使用 Bootstrap 3 在小屏幕上让中间列显示在顶部？

Question

以下代码显示“ 1 2 3 ”：

<div class="row">
    <div class="col-md-3">
        1
    </div>
    <div class="col-md-6">
        2
    </div>
    <div class="col-md-3">
        3
    </div>
</div>

如何在较小的屏幕（手机）上显示主要内容；“ 2 1 3 ”？

Answer 1

你可以这样做..

<div class="row">
    <div class="col-md-6 col-md-push-3">
        2
    </div>
    <div class="col-md-3 col-md-pull-6">
        1
    </div>
    <div class="col-md-3">
        3
    </div>
</div>

演示：http ://bootply.com/91812