可以将col在两个cols之间的一行堆叠在另一个col中？

Question

我正在尝试在Boostrap 3中制作响应式布局，并且无法实现我想要的布局。

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

这是我想在手机上使用的布局：

我无法弄清楚如何在桌面视图中将紫色部分放在其他两个下面，但不知何故在移动视图中以它们之间的方式结束。这甚至是可能的，还是我必须采取一些诡计和hackery？