Twitter bootstrap 引导程序3：多列的更改顺序

你好，bootstrap社区

虽然我已经尝试了好几天了，但是我无法让md屏幕的大小正常工作，我可以想象在Bootstrap3中使用push和pull命令交换多个列

以下是代码：

对于xs大小（没有问题）：
所有框都具有全屏幕宽度
框1
框2
框3
方框4

对于sm大小（没有问题）：
最后两个框相互交换并并排放置
框1
框2
方框4 |方框3

对于md大小（不知道如何交换）：
这是我的问题。我无法使此布局正确交换位置。
框1 |框3
方框4 |方框2

因此，我的问题是：在bootstrap 3中，这种布局通常可行吗？如果可行，具体可行吗？
有什么办法解决这个问题吗

非常感谢

斯特凡

---

下面是我的代码示例：

我建议使用两个单独的行，然后使用col-md-6（占整个容器的50%）

例如：

<div class="row">
  <div class="col-md-6">
    <div class="box1"></div>
  </div>
  <div class="col-md-6">
    <div class="box2"></div>
  </div>
</div>

<div class="row">
  <div class="col-md-6">
    <div class="box3"></div>
  </div>
  <div class="col-md-6">
    <div class="box4"></div>
  </div>
</div>

下面是一个演示：

---

非常感谢您的努力和快速回复。不幸的是，在示例代码中，框顺序在md大小中保持为1-2#3-4。我在这里的困难目标是得到1-3#4-2，对我来说，如果不复制box3并将其隐藏在更小的屏幕上，这似乎是不可能的。你认为这在Bootstrap3中是可能的吗？不幸的是，据我所知，你只能在同一排上推拉。您可以在col md隐藏所有4个，并使用该布局创建一个单独的布局，听起来您已经知道如何做了。很抱歉误解了你的全部问题。好的，不过我会把问题标记为已解决。如果其他人对此有其他解决办法，我很想知道。