twitter-bootstrap - 在 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