4.2.2 molecules.navigation.nav-tabs Navbar secondary

Toggle example guides Toggle HTML markup

Make navbar scrollable on phones by wrapping .nav in .navbar-scrollable.

Markup: 03-molecules/navigation/navbar/navbar-scrollable.twig
<nav class="navbar navbar-secondary" role="navigation" >
  <div class="navbar-scrollable">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Stream</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">Topics</a></li>
      <li><a href="#">Groups</a></li>
      <li><a href="#">Information</a></li>
    </ul>
  </div>
</nav>
Source: 03-molecules/navigation/navbar/navbar.scss, line 534