使用Bootstrap偏移在移动视图中移动div

Question

我有以下一组div：

<div class="col-md-12">
  <div class="col-md-5" id="left">
    <div id="A"></div>
    <br />
    <div id="B"></div>
  </div>

  <div class="col-md-5" id="right">
    <div id="C"></div>
  </div>
</div>

所以我们有一个左右列，左列包含两个div，右列包含一个div。 JSFiddle似乎没有Bootstrap作为选项，所以我不得不做。

在移动视图中，我想要实现的目标是：

你可以看到位于左上角的div，div A，现在位于底部。我知道我需要使用补偿，但我的修修补补没有结果。