Bootstrap 3仅用于小屏幕的按下/推柱

Question

我有一个带有3列布局的BS3页面：

---

|1 |2 |3 |

---

3 x 6 x 3

在大屏幕上这很好，但是，在小屏幕（手机）上，我希望订单为：2> 1> 3，如下：

---

|2 |

---

|1 |

---

|3 |

---

我应该用什么来实现此功能？

Answer 1

尝试以下：

<div class="col-xs-12 col-sm-6 col-sm-push-3">2</div>
<div class="col-xs-12 col-sm-3 col-sm-pull-6">1</div>
<div class="col-xs-12 col-sm-3">3</div>