Ask any question about Bootstrap here... and get an instant response.
Post this Question & Answer:
How can I create a sticky footer using Bootstrap utilities?
Asked on Feb 23, 2026
Answer
Creating a sticky footer with Bootstrap utilities involves using flexbox classes to ensure the footer stays at the bottom of the viewport. Here's a simple example:
<!-- BEGIN COPY / PASTE -->
<div class="d-flex flex-column min-vh-100">
<main class="flex-fill">
<!-- Main content goes here -->
</main>
<footer class="bg-dark text-white text-center py-3">
<!-- Footer content -->
Sticky Footer
</footer>
</div>
<!-- END COPY / PASTE -->Additional Comment:
✅ Answered with Bootstrap 5 best practices.- Use the `d-flex` and `flex-column` classes on a container to create a flexbox layout.
- The `min-vh-100` class ensures the container takes at least the full height of the viewport.
- The `flex-fill` class on the `main` element allows it to expand and fill the available space, pushing the footer to the bottom.
- Customize the footer with additional classes or styles as needed.
Recommended Links:
