Cara nem precisa de CSS além das classes nativas do Bootstrap. Vc pode usar as classes Flex
do framework para ajustar isso. Consulte aqui https://getbootstrap.com/docs/4.1/utilities/flex/
Repare que primeiro vc precisa colocar a .row
com 100% de altura do pai, para isso use a classe h-100
, depois vc alinha os filhos da parte de baixo com align-self-end
para eles ficarem na base da col
Veja como fica
<link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<div class="row">
<div class="col-6">
a
<br />
<br />
<br />
<br />
<br />
<br />
final
</div>
<div class="col-6">
<div class="row h-100">
<div class="col-6">
b
</div>
<div class="col-6">
c
</div>
<div class="col-6 align-self-end">
d
</div>
<div class="col-6 align-self-end">
e
</div>
</div>
</div>
</div>