在Bootstrap中交换div。可能吗？

Question

所以我的移动网站看起来像这样：

| A |
| B |
| C |
| d |

我希望我的桌面看起来像这样：

| A || C ^ |
- | D | - （宽度100％）
- | B | - （宽度100％）

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

Answer 1

您可以使用以下内容：

<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>

CodePen