Is it possible to organize blocks in the following order using bootstrap grid?

Question

css

It is necessary to organize the blocks as follows:

I tried to do it this way, but it turns out not quite what you need

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

Result for view-port >= md:

A | B
A | B
A |
  | C

In general, the height of block A can be both greater and less than the height of blocks B and C.

Answer 1

See if
https://jsfiddle.net/DelphinPRO/eck0ht42/ might work