Bootstrap 页面，不会滚动到末尾。 Container-Fluid 已经设置为最小高度：100%

Question

我做了一个简单的bootstrap页面，但是我的最后一个div被截断了。我无法向下滚动到它。我一直在网上寻找并尝试向我的 .container-fluid 添加一个最小高度，但它没有用。我知道这很简单，我就是想不通。

HTML:

<div="container-fluid">
    <div class="row">
        <div class="col-md-12">
    </div>
    </div>
</div>

CSS:

.container-fluid {
    min-height: 100%!important;
    padding: 20px 20px 20px 30px;
}

Answer 1

1-在等号和container-fluid前加class

2- 添加 height:100% 到 container-fluid 元素的所有父元素。

html, body {
    height: 100%;
}