Responsive design 引导3网格：在行之间移动元素

在学习Twitter Bootstrap 3创建响应性网页时，我遇到了一个问题：
如何将元素从一行向上移动到另一行？
我需要像col-md-push/col-md-pull这样的东西，但用于垂直方向

例如，在桌面屏幕上，元素D位于第二行，但在平板电脑上，它应位于第一行：

桌面：
|A | B | C |
|D|E|F|

平板电脑：
|A | D |
|B|C|
|E|F|

电话：
|A |
|D|
|B|
|E|
|C |
|F|

---

提前谢谢

找到了使用嵌套列的解决方案。A和D元素分组在一列中。在桌面屏幕（col md）上，它们各占12列，因此D位于A下方。在平板电脑屏幕（col sm）上，A和D的大小相等（6），因此它们可以放在一行中

完整代码：

<div class="container">
    <div class="row">       

        <div class="col-md-4 col-sm-12">
            <div class="row">
                <div class="col-md-12 col-sm-6">
                    <input type="text" class="form-control" placeholder="A">
                </div>
                <div class="col-md-12 col-sm-6">
                    <input type="text" class="form-control" placeholder="D">
                </div>
            </div>
        </div>

        <div class="col-md-4 col-sm-6">
            <input type="text" class="form-control" placeholder="B">
            <input type="text" class="form-control" placeholder="E">            
        </div>

        <div class="col-md-4 col-sm-6">
            <input type="text" class="form-control" placeholder="C">
            <input type="text" class="form-control" placeholder="F">            
        </div>      

    </div>      
</div>