改变行 - 流体中行的位置

Question

我有一个特定于设计的问题，我正在使用行流体的引导功能来实现响应性。当我在移动设备上检查它时它工作得很好。但是会想要改变排液的位置。例如：

<div class="container">
    <div style="margin-top: 44px;"> 
        <div class="row-fluid">  
            <div class="span2">
            </div>
            <div class="span8">
                <div class="row-fluid"> 
                    <div class="span3" style="border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;height: 90vh;">
                     <div id="up" style="margin-top: 50px;">    
                        <div id="A1">In same col but upper position</div>
                        <div id="A2">In same col but lower position</div>
                     </div> 
                    </div>
                    <div id="refreshDiv" class="span9" style="background: url(/sample.png) no-repeat center top;height: 90vh;border-right: 1px solid #f5f5f5;">
                        <div id="B">In same row</div>
                    </div>
                </div>
            </div>
            <div class="span2">
            </div>
        </div>
    </div>
</div>

在span8内的这个例子中，有一个用于响应的行 - 流体。想要在响应之后改变顺序或位置。在顶部然后id =“A1”然后在中间id =“B”然后id =“A2”。我在谷歌搜索它也得到答案但是我的情景是不同。 目前的情况如下：

A1
（它位于两者的右侧）B

A2

响应之后我想要这个：

A1

乙

A2