| Interactive Media Design

Branding in the Navbar

Brandingopen in new window the navbar can be done by adding an element next to the element with the .navbar-nav class and using .navbar-brand class.

<!-- Example with dark background, expanding at medium breakpoint  -->
<nav class="navbar bg-dark navbar-dark navbar-expand-md">
  <a href="#" class="navbar-brand">Brigs and co.</a>
  <ul class="navbar-nav">
    <li class="nav-item"><a class=" nav-link" href="#">Home</a></li>
    <li class="nav-item"><a class=" nav-link" href="#">About</a></li>
    <li class="nav-item"><a class=" nav-link" href="#">Contact</a></li>
  </ul>
</nav>