Bootstrap 4轮播高度

Question

我想将主页和页脚之间的轮播的高度设置为浏览器的100％高度（无滚动）。

当前，由于有以下代码，我的页脚底部很粘。有时，内容的高度可以低于浏览器的高度，所以这就是为什么我需要页脚粘底的原因。

html{
    height: 100%; }

body{
    height: 100vh;
    display: flex;
    flex-direction: column; }

.site-content{
    flex: 1; }

有人可以解释我如何解决我的问题吗？

---

我的轮播是#homepage-carousel