Местами дивов в Bootstrap. Возможно ли это?

Итак, мой мобильный сайт выглядит так:

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

Я хочу, чтобы мой рабочий стол выглядел так:

/ A| / C /
-- /D / -- (Ширина 100%)
-- /B / -- (Ширина 100%)

Возможно ли это? Я попытался использовать функции push и pull, но не напрасно.

1 2
html html5 twitter-bootstrap webpage

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

2