Boa tarde, estou com um pequeno problema. Tenho uma função que retorna um conteúdo com linhas diferentes que ficam dentro de uma DIV, esse DIV pode ter altura variável, mas tem largura fixa. Gostaria que as divs de baixo ocupassem o espaço sobrando das divs de cima:
Print do retorno do código a baixo
Desenho simulando o comportamento desejado
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row justify-content-start">
<div class="col-4 border">
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
big content,
</div>
<div class="col-4 border">
small content
</div>
<div class="col-4 border">
small content
</div>
<div class="col-4 border">
small content
</div>
<div class="col-4 border">
small content
</div>
<div class="col-4 border">
small content
</div>
</div>
</body>
</html>