html - 更改 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，使文档唯一。