Sticky footer

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.


Basic example

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.

        
             
      <nav class="navbar fixed-bottom navbar-expand-lg bg-success navbar-dark"> 
        ...
      </nav>
      
        
    

Take a look at the demo:

Demo