About Lesson
Fixed & Sticky Navbar
- .fixed-top → Fixes navbar at the top
- .fixed-bottom → Fixes navbar at the bottom
- .sticky-top → Navbar remains visible when scrolling
Example: Fixed Top Navbar
HTML
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Brand</a>
</div>
</nav>
Example: Sticky Navbar
HTML
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<div class="container">
<a class="navbar-brand" href="#">Brand</a>
</div>
</nav>
Explanation:
- .fixed-top stays at the top of the page.
- .sticky-top stays visible while scrolling.