Html 重新排序引导程序3中的列未按预期工作

当我的专栏压缩到手机上时，我正试图重新排序

例如，在下面的示例中，除mobile（xs）之外的所有屏幕上，A列位于左侧，B列位于右侧

当xs mobile断点被命中时，A在上面，B在下面。理想的行为是B应该在顶部，A应该在底部。我使示例变得简单，但我还需要使用两列以上的内容来完成此操作

.a{
背景色：暗色；
颜色：#fff；
}
.b{
背景：darkgrey；
}
a.b{
字体大小：40px；
}

A.
B

试试：

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-4 col-sm-push-6 b">B</div>
    <div class="col-xs-12 col-sm-6 col-sm-pull-4 a">A</div>
  </div>
</div>

B
A.

我把你的小提琴换成了上面的，它似乎很好用。

试试：

B
A.

---

我把你的提琴换成了上面的，看起来效果不错。

看看课程，这些课程的组合就可以了。是否编辑：o@KarlDawson就像我在问题中说的。我已经尝试了我能想到的所有col xs推/拉组合，但它不像文档所说的那样工作，尽管文档非常简短。@MumfordJw解决了它（我+10'd它）-工作阻碍了我完成实验

col-xs-12

基本上以100%宽度遵守源代码顺序，因此通过将A+B反转为B+A，并在下一个断点上使用推/拉类，您就可以操纵可视化布局。@KarlDawson逻辑尚未与我一起单击。为什么更改下一个断点的顺序会有帮助？那为什么不改变断点的顺序呢？在我的实际项目中尝试它，事情到处都是，所以有一些我不理解的地方。最后点击。它首先是移动的，所以只是没有考虑流RightCheckout类，这些类的组合就可以了。是否编辑：o@KarlDawson就像我在问题中说的。我已经尝试了我能想到的所有col xs推/拉组合，但它不像文档所说的那样工作，尽管文档非常简短。@MumfordJw解决了它（我+10'd它）-工作阻碍了我完成实验

col-xs-12

基本上以100%宽度遵守源代码顺序，因此通过将A+B反转为B+A，并在下一个断点上使用推/拉类，您就可以操纵可视化布局。@KarlDawson逻辑尚未与我一起单击。为什么更改下一个断点的顺序会有帮助？那为什么不改变断点的顺序呢？在我的实际项目中尝试它，事情到处都是，所以有一些我不理解的地方。最后点击。它首先是移动的，所以我没有想到流量。谢谢，这确实有效，但它让我困惑。在sm上使用pull使我认为它将改变sm而不是xs的顺序。我不明白为什么这会影响xs。我现在意识到它首先从移动设备开始改变，所以流量增加了。这就是为什么我需要在下一个断点换车的原因。谢谢，这确实有效，但它让我困惑。在sm上使用pull使我认为它将改变sm而不是xs的顺序。我不明白为什么这会影响xs。我现在意识到它首先从移动设备开始改变，所以流量增加了。这就是为什么我需要在下一个断点换车。