我正在尝试从包含jumbotron和text area的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不会停留在页面底部。它停留在底部50px上方，非常丑陋，我不知道如何解决！ 最佳答案
因为默认的.jumbotron具有margin-bottom: 2rem;。删除该底边距将解决此问题。
您还可以执行自定义样式：
.jumbotron.fixed-bottom {
margin-bottom: 0 !important;
}
顺便说一句，您不需要
.position-fixed类。 .fixed-bottom将为您担任固定职位！关于css - 页脚处的Jumbotron不会粘在页面底部吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56693476/