HTML-重新排序引导列

我有三个div，如下图所示：

如何使用Bootstrap-3实现所需的布局

HTML:

 <div class="row">
     <div class="col-md-5" col-md-push-7>
        <div>1</div>
        <div>3</div>
     <div>
     <div class="col-md-7" col-md-push-5>
        <div>2</div>
     </div>
  </div>

1.
3.
2.

使用以下代码结构来实现此布局：

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-7 pull-right">1</div>
    <div class="col-xs-12 col-sm-5">2</div>
    <div class="col-xs-12 col-sm-7 pull-right">3</div>
  </div>
</div>

1.
2.
3.

我仍然想要“推”和“拉”方式，col-md-push-7和col-md-pull-7