Twitter bootstrap 更改行在行流体中的位置

我有一个特定于设计的问题，我使用row fluid的引导功能进行响应。当我在移动设备上检查它时，它工作得非常好。但需要更改row-fluid的位置。例如：

<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

B

---

A2

您使用的是哪个引导版本？您可以配置不同的视图，每个视图都显示在设备上。例如，手机视图不同，平板电脑视图不同，桌面视图不同。Bootstrap 2.3提供了需要添加到“div”中的类，以隐藏/显示特定设备上的html部分。我知道我们可以为手机和平板电脑提供不同的设计，但这里的情况不同。设计是一样的，只是改变row-fluid的位置。这就是我想说的。不能混合或交换跨距的内容（此处为第3行和第9行内部流体）。A1和A2在跨度3内，B在跨度9内。因此，使用提供的响应实用程序类根据设备重新排列内容。这将更容易和更好地维护。您可以修改任何设备的视图，而不影响其他设备。