Navbar

Responsive navigation header with branding

Bootstrap navbars provide responsive navigation with built-in collapse, color schemes, and dropdown support.

A navbar uses .navbar with .navbar-brand for the logo and .navbar-nav with .nav-link items for navigation links.

<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="#">Brand</a>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Home</a>
    </li>
  </ul>
</nav>

Brand

HomeProductsAboutContact

.navbar with .navbar-brand and .nav-link items

13 / 37