Twitter bootstrap 引导响应网格在移动设备上显示行时更改列的顺序？

当扩展到移动时，我希望：

----------------------
A   |    B     |   C
----------------------

是否可以使用新的in Bootstrap3

push

选项

我在努力

-------
   B
-------
   A
-------
   C

A.
B
C

请参见

• col-vp-push-x

  =在vp或更大的视图端口上，将列向右推x列数，从列通常呈现的位置开始->

  位置：相对

• col-vp-pull-x

  =在vp或更大的视图端口上，将列向左拉x列数，从列通常呈现的位置开始->

  位置：相对

  vp=xs、sm、md或lg
  x=1到12

我认为让大多数人困惑的是，您需要更改HTML标记中列的顺序（在下面的示例中，B在A之前），并且它只对大于或等于指定值的视图端口执行推送或拉送操作。i、 e.

col-sm-push-5

将只在

sm

查看端口上推送5列或更大的列

• （桌面）推拉较大的视图端口
• （移动）较小的视口按正常顺序渲染

查看端口

<div class="row">
    <div class="col-sm-5 col-sm-push-5">
        Content B
    </div>
    <div class="col-sm-5 col-sm-pull-5">
        Content A
    </div>
    <div class="col-sm-2">
        Content C
    </div>
</div>

|A|B|C|

|A|B|C|

|B|
|A|
|C|