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

Question

我不希望我的页面允许任何大于屏幕大小的溢出。我将有一个包含两行的容器。 （红色和绿色的波纹管）。我希望第一行（红色）根据其中的内容进行调整大小。然后，我希望最下面一行（绿色）自动填充剩余的空间。我不希望它在初始容器之外扩展，也不希望它暂时滚动。

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