如何更改引导列的位置？ [复制]答案

【问题标题】：How to Change position of Bootstrap columns? [duplicate]如何更改引导列的位置？ [复制]
【发布时间】：2014-10-23 06:10:43
【问题描述】：

我在桌面设备上使用 Bootstrap 3 编写了这样的代码：

<div class="row">
<div class="col-md-5">
<img src="logo.png">
</div>
<div class="col-md-4">
Element 1
</div>
<div class="col-md-3">
Element 2
</div>
</div>

我想更改移动版本的列位置，只是为了更改元素 1 和元素 2 HTML 代码我该如何使用 jQuery 或？

我想在移动设备上进行此更改，我不知道如何更改元素的位置？我需要这个结果

  <div class="row">
    <div class="col-md-5">
    <img src="logo.png">
    </div>
    **<div class="col-md-3">
    Element 2
    </div>**
    <div class="col-md-4">
    Element 1
    </div>
    </div>

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

您可能会发现 Bootstrap 文档中的文本很有帮助：

column ordering.

另外，Stackoverflow 上的this thread 中有更详细的使用示例和说明。

【讨论】：

【解决方案2】：

您可以使用 jQuery 获得相同的结果。这里已经回答了同样的问题：Swtich 2 divs

【讨论】：

【解决方案3】：

试试这个：

   <div class="row">
        <div class="col-xs-5">
            Element 0
        </div>
        <div class="col-xs-4 col-xs-push-3 col-sm-push-0">
            Element 1
        </div>
        <div class="col-xs-3 col-xs-pull-3 col-sm-pull-0">
            Element 2
        </div>
    </div>

这会更改列的位置，例如移动设备。正如你所看到的，我正在使用推拉。要获得元素的正确位置，您必须重置特定宽度的拉/推。

【讨论】：