Html 在引导中交换div。可能吗？

因此，我的移动站点如下所示：

<div class="row">
     <div class="col-md-6"> A </div>
     <div class="col-md-6 hidden-xs"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> B </div>
     <div class="col-md-12 hidden-xs"> D </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> D </div>
     <div class="col-md-12 hidden-xs"> B </div>
</div>

|A |
|B|
|C |
|D|

我希望我的桌面如下所示：

<div class="row">
     <div class="col-md-6"> A </div>
     <div class="col-md-6 hidden-xs"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> B </div>
     <div class="col-md-12 hidden-xs"> D </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> D </div>
     <div class="col-md-12 hidden-xs"> B </div>
</div>

|A | C |
--|D|--（宽度100%）
--|B |--（宽度100%）

---

可能吗？我尝试过使用推拉功能，但没有白费。

您可以使用以下功能：

<div class="row">
     <div class="col-md-6"> A </div>
     <div class="col-md-6 hidden-xs"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> B </div>
     <div class="col-md-12 hidden-xs"> D </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> C </div>
</div>
<div class="row">
     <div class="col-xs-12 visible-xs-block"> D </div>
     <div class="col-md-12 hidden-xs"> B </div>
</div>

A.
C
B
D
C
D
B

---

您使用的是哪个版本的引导？你有一些代码给我们看吗？？？@MarcoMercuri-版本是3.3.5。没有，没有密码。我只有我的网站设计，并决定如何结构它。太棒了。我没有想到我可以简单地使用隐藏/可见类。谢谢。我想这会有帮助的。谢谢，很高兴我能帮忙：）