在 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

在 Bootstrap 中交换 div。可能吗？

Interchanging divs in Bootstrap. Is it possible?

html

twitter

webpage

twitter-bootstrap