Bootstrap - Sticky Footer Navbar Demo

Sticky footer navbar

A page can include a footer to the bootom of the viewport with a fixed top navbar. This can be useful for websites with long pages, as it allows users to quickly access navigation options, even when they scroll down to the bottom of the page.

Bootstrap provides built-in CSS classes to create a sticky footer navbar.

  • .navbar - This class is used to create the navigation bar at the top of the page.

  • .footer - This class represents the sticky footer that will always appear at the bottom of the viewport.

The provided link shows an example of sticky footer navbar:

Example Description Download link
Sticky footer navbar This example shows a fixed-top navigation bar and a sticky footer. Download
Kickstart Your Career

Get certified by completing the course

Get Started