How can i achieve this bootstrap layout using cards in one row?

Question

I'm trying to create a bootstrap card layout like this in a row:

What I've tried so far is this:

<div class="row">
    <div class="col-lg-3">
    </div>
    <div class="col-lg-3">
    </div>        
    <div class="col-lg-9">
    </div>
</div>

That results in something like this:

Anyone have any ideas? Thanks in advance!:)

BTW* I'm using Bootstrap 4.

Answer 1

I would do something like this in Bootstrap 4:

<div class="row">
  <div class="col-lg-3">
    <div class="row">
      <p>Col-lg-3</p>
    </div>
    <div class="row">
      <p>Col-lg-3</p>
    </div>
  </div>        
  <div class="col-lg-9">
    <p>Col-lg-9</p>
  </div>
</div>