Bootstrap 5 Sticky footer component
A sticky footer is a component that is pinned to the bottom of the viewport in desktop browsers. It stays visible when the user scrolls the page down.
If you want to put the navbar to the bottom of the viewport in the desktop browsers, just add the
fixed-bottom class to the
<nav class="navbar fixed-bottom navbar-expand-lg bg-success navbar-dark">
Take a look at the demo: