Twitter bootstrap 3 可以在一行中的两个列之间堆叠另一行中的列吗？

我试图在Boostrap 3中制作一个响应性强的布局，但在实现我想要的布局时遇到了困难

这是我希望在平板电脑和台式机上使用的布局：

这是我想要的手机布局：

---

我不知道如何在桌面视图中让紫色部分位于其他两个部分的下方，但在移动视图中，紫色部分最终位于这两个部分之间。这是可能的，还是我必须采取一些诡计和黑客手段？

没有flexbox或jquery是无法做到的，或者您可以隐藏它，然后用响应实用程序显示它。推拉只能在最小宽度水平工作，这就是我所想的。