Sticky Footer with Bootstrap 4

To implement sticky footer, when the elements of the footer sticks to the bottom of the page, we can use Bootstrap 4 classes that are designed for navigation.

Make the footer implement “container-fluid” class. Inside the footer place a “nav” element with classes “navbar” and “fixed-bottom”. The footer will be forced to the bottom of the page.

<footer class="container-fluid">
  <nav class="navbar fixed-bottom">
    Footer text
  </nav>
</footer>