hola a todos, de antemano les agradezco la ayuda, en estos momentos ando comenzando con lo que es CSS y de igual manera implementando BootsTrap 4.0, lo que quiero es hacer dos div con el mismo tamaño de la pantalla es decir del mismo alto, un div {col-4} y el otro {col-8} pero quiero que tengan este tamaño, ya sea que tengan o no tengan contenido, hasta el momento no he logrado darle esa altura a los div, alguien me podria guiar, para saber en que me estoy equivocando o que me esta faltando??
el codigo que llevo hasta el momento:
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style type="text/css">
html, body{
height: 100%;
width: 100%;
}
.formulario{
width: 100%;
height: 100%;
background-color: gray;
}
.informacion{
width: 100%;
height: 100%;
background-color: green;
}
.fondo{
height: 100%;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row fondo">
<div class="col-4 formulario">
<br>
<br>
<br>
</div>
<div class="col-8 informacion">
<br>
<br>
</div>
</div>
</div>
</body>
</html>