我正在尝试从一个jumbotron和一个text area的{{1}}创建一个固定的页脚。这就是我在button结尾处看到的内容：
<body>
但是此<div class="jumbotron jumbotron-fluid position-fixed fixed-bottom">
<div class="container-fluid">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">Message: </span>
</div>
<textarea class="form-control" aria-label="With textarea"></textarea>
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Send</button>
</div>
</div>
</div>
</div>并不停留在页面底部。它停留在底部jumbotron上方，非常丑陋，我不知道如何解决！
答案 0 :(得分：1)
因为默认的.jumbotron具有margin-bottom: 2rem;。删除该页边空白将解决此问题。
您还可以执行自定义样式：
.jumbotron.fixed-bottom {
margin-bottom: 0 !important;
}
顺便说一句，您不需要.position-fixed类。 .fixed-bottom将为您担任固定职位！