Welcome,
John Doe
Fixed Footer Just add class footer_fixed
Fixed Footer Layout
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
Layout Benefits
- Consistent footer positioning
- Professional appearance
- Easy implementation
- Bootstrap 5 compatible
Use Cases
- 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">