A navbar is a responsive navigation header that can include branding, navigation links, dropdowns, and togglers for mobile views. Bootstrap makes it super easy to build navbars with classes like .navbar
, .navbar-expand-lg
, and .navbar-light
or .navbar-dark
.
Official docs: Bootstrap Navbar Docs
Type or edit the navbar code below and preview it live:
.navbar
with .navbar-expand-lg
for responsive navbars, and use .navbar-dark bg-dark
for a dark background. The navbar-toggler
+ collapse
classes make it mobile-friendly.