Можно ли организовать блоки в следующем порядке, используя bootstrap grid?

Question

[nicon]

Необходимо организовать блоки следующим образом:



Пытался сделать таким образом, но получается не совсем то, что нужно

<div class="row">
  <div class="col-md-push-6 col-md-6">BB</div>
  <div class="col-md-pull-6 col-md-6">AAA</div>
  <div class="col-md-push-6 col-md-6">С</div>
</div>

Результат для view-port >= md:

A | B
A | B
A |
  | C

В общем случае высота блока A может быть и больше, и меньше высоты блоков B и C.

Comments

[Сергей delphinpro]

у вас в разметке три блока, а в желаемом результате - 6. Как понимать?. Вы покажите разметку с шестью элементами.

[nicon]

Сергей: куски с одинаковыми буквами - это один блок. Разное количество букв - разная высота блока

Answer 1

[Сергей delphinpro]

Посмотрите, может подойдет
https://jsfiddle.net/DelphinPRO/eck0ht42/