Bootstrap-Vue：使元素填充剩余空间

Question

我在Bootstrap-Vue应用程序中有以下层次结构：

<b-navbar.../>

<b-container >
    <b-row align-v="center" style="min-height:100vh">
      <b-col style="align-items:center">
            <h1>404 Error</h1>
            <p>The page you have requested does not exist.</p>
      </b-col>
    </b-row>
</b-container>

<b-navbar .../>元素没有固定的高度，而是根据其中的元素进行缩放。

有没有办法可以让容器的内容填充剩余的视口而不用手动计算<b-navbar .../>的高度，这样404文本总是在剩余空间的中间？ 目前，当我展开Navbar时，404文本将移向并越过视口的下边缘。