Html 我不能用bootstrap将block放在正确的位置

有人能帮我吗，我需要这样做

A.
B
C

---

上面是我的起始代码。请帮助我

您可以使用推和/或拉来实现这一点。查看此链接

---

列A的顺序需要保持不变，而B和C需要切换，以便在更大的屏幕上，C领先于B。

您可以使用display:flex；并重新排序项目

因为您有col-12要与col-6交换，所以推拉无法真正工作，所以我只能考虑使用hidden/show。见下例：

.container div{
背景：水；
边框：1px纯红；
}

A.
B
C
B

不幸的是，您无法做到这一点，因为这需要重新排列dom。一种方法是复制C并根据媒体查询将其隐藏或显示。在媒体查询中使用display:flex和order:1、2、3。这也会起作用。

<div class="container">
<div class="col-md-6" >A</div>
<div class="col-md-12">B</div>
<div class="col-md-6">C</div>
</div>