Twitter bootstrap 3 使用bootstrap 3，不同的布局和不同的屏幕大小

我想用Bootstrap3为相同的内容实现两种不同的布局。让我们假设我有第一组橙色，第二组蓝色和第三组绿色。是否可以按照屏幕截图进行排列，以便在第二个布局中，绿色div与橙色div位于同一行

---

你可以做这样的事情

<div class="container">
  <div class="row">
        <div class="col-xs-12 col-sm-9 one">1</div>
        <div class="col-xs-3 col-sm-3 two pull-right">2</div>
        <div class="col-xs-9 col-sm-9 three pull-left">3</div>
  </div>
</div>

1.
2.
3.

---

你简直太棒了！我在玩col sm push/pull，但它不起作用。谢谢