Bootstrap class: .navbar-dark bg-dark
<nav class="navbar navbar-dark bg-dark">
<!-- Navbar content -->
</nav>
<nav class="navbar navbar-dark bg-primary">
<!-- Navbar content -->
</nav>Preview
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
Check .navbar-dark bg-dark in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
More in Bootstrap Navbar
- navbar
- navbar-brand
- navbar-light
- navbar with form
- navbar fixed-top
- collapse navbar-collapse
- navbar-toggler
- navbar-expand-*
- navbar sticky-top
- navbar-text
- navbar fixed-bottom
- nav-item
- nav-link
- navbar-collapse
- navbar-dark
- navbar-expand-lg
- navbar-expand-md
- navbar-expand-sm
- navbar-expand-xl
- navbar-expand-xxl
- navbar-nav
- navbar-toggler-icon
