How to make such columns on bootstrap?

Question

HTML

With this code:

<div class="row">
      <div class="col-md-6">1</div>
      <div class="col-md-6">2</div>
      <div class="col-md-6">3</div>
</div>

On mobile everything is correct:
And on large screens it turns out like this:
How to make it become like this?

Answer 1

No
w3bits.com/css-masonry

Answer 2

<div class="row">
      <div class="col-md-6">
         <div class="row">1</div>
         <div class="row">3</div>
      </div>
      <div class="col-md-6">2</div>
</div>

So?

Answer 3

getbootstrap.com/css/#grid-column-ordering