Twitter bootstrap 使用col push或pull向上/向下移动引导列

我一直在努力尝试，如果不使用隐藏的xs和复制我的标记，我似乎无法实现这一点。目标是使全宽列交换位置，如下所示：

流动电话：

[B]

[A]

桌面：

[A]

[B]

我试过了

<div class="col-md-12 col-md-push-12">B</div>
<div class="col-md-12 col-md-pull-12">A</div>

B
A.

我能想到的每一个变化，但它似乎只是把它推向了另一边

这是我完全不工作的演示

工作小提琴

提及

您还可以使用表格行组显示属性将元素放置在表格标题组和表格标题组

.first{display:table header group；}
.second{显示：表页脚组；}
@介质（最大宽度：767px）{
.first{显示：表尾组；}
.second{display:表头组；}
}
B
A.

查看我的答案，然后尝试调整浏览器的大小。。。让我知道我的评论附在你的答案上。我能看看你的坏代码吗？我想我应该帮助你

.first{display: table-header-group;}
.second{display: table-footer-group;}

@media (max-width: 767px) {
  .first{display: table-footer-group;}
   .second{display: table-header-group;}
}

<div class="col-md-12 col-md-push-12 first">B</div>
<div class="col-md-12 col-md-pull-12 second">A</div>