更改Bootstrap div的堆栈顺序

Question

我有三个div：

<div class="col-md-5" id="A"></div>
<div class="col-md-3 visible-lg" id="B"></div>
<div class="col-md-4" id="C"></div>

#B div不会显示在平板电脑/手机中。我想要的是在移动设备中将#C div 叠加在#A div上方。

我玩过推拉，但无法获得理想的效果。

Answer 1

将内容相乘，将其放在A：

前面

 <div class="col-md-4 visible-xs" id="C"></div>
 <div class="col-md-5" id="A"></div>
 <div class="col-md-3 visible-lg" id="B"></div>
 <div class="col-md-4 hidden-xs" id="C"></div>

并相应地调整ID以使其对于文档而言是唯一的。