I need help with creating a fixed footer using a jumbotron that contains a text area and a button. Here is the code snippet I currently have at the end of the <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>The issue I'm facing is that the jumbotron doesn't stick to the bottom of the page. It remains positioned about 50px above the bottom, making it look unappealing. I'm seeking guidance on how to resolve this problem!