如何使用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