How to make bootstrap columns with union like in tables?

Question

HTML

I can’t figure out how to make the layout on bootstrap4 in the form of a 2 * 2 table, but the right side must be merged. like on a picture

Answer 1

More and more often I brake.
here is the solution

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