Bootstrap - 让 Row 占据容器的剩余高度

LCa*_*way 6 html css bootstrap-4

我不希望我的页面允许任何大于屏幕尺寸的溢出。我将有一个由两行组成的容器。(红色和绿色波纹管)。我希望顶行(红色)根据其中的内容调整大小。然后我希望底行(绿色)自动填充剩余空间。我不希望它扩展到初始容器之外,也不希望它暂时滚动。

执行此操作需要哪些类/css/flexbox 属性?

在此处输入图片说明