如何在移动布局上更改Bootstrap列顺序？

Question

我有一个桌面布局 [1] [2] [3]

但我喜欢在移动设备上使用此功能 [2] [3] [1]

有可能吗？我正在使用bootstrap 3。

Answer 1

检查

<强> HTML

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-push-4 col-xs-4">2</div>
        <div class="col-md-4 col-md-push-4 col-xs-4">3</div>
        <div class="col-md-4 col-md-pull-8 col-xs-4">1</div>
    </div>
</div>
</div>

小提琴Here