Examples
Default styling
.navbar-branded
Branded navbar.
.navbar-branded-light
Branded navbar light.
Markup: components/molecules/navigation/nav.twig
<div class="navbar navbar-full [modifier class]">
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon"></span> Menu
</button>
<div class="collapse navbar-toggleable-md container" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">List item 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">List item 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">List item 3</a>
</li>
</ul>
</div>
</div>
Source:
components/molecules/navigation/_nav.scss
, line 10