This layout demonstrates a fixed footer that remains at the bottom of the viewport. The footer stays visible even when the content doesn't fill the entire screen height.
To enable this layout, add the footer_fixed class to the body element as shown in this example.
Fixed Footer Features:
- Footer remains fixed at the bottom of the viewport
- Content scrolls normally above the footer
- Ensures footer is always visible regardless of content length
- Maintains responsive behavior on all screen sizes
-
Consistent footer positioning
-
Professional appearance
-
Easy implementation
-
Bootstrap 5 compatible
-
Dashboard applications
-
Mobile-first designs
-
Analytics platforms
-
Admin interfaces
Implementation
Simply add the CSS class to your body element:
<body class="nav-md footer_fixed">