Nav Module

nav.html

<div class="nav-overlay collapse" id="nav-overlay" data-toggle="collapse" data-target="#nav-menu, #nav-overlay"></div>
<div class="container-fluid">
  <div class="nav row" id="nav">
    <div class="nav-brand col-xs-9 col-sm-5">
      <a href="/" itemprop="url" class="nav-logo">
        <img src="http://placehold.it/500x250&text=Logo" alt="CompanyName" itemprop="logo">
      </a>
    </div>

    <div class="pull-right visible-xs">
      <ul>
        <li class="nav-menu-item">
          <a href="#" data-toggle="collapse" data-target="#nav-menu, #nav-overlay">Menu</a>
        </li>
      </ul>
    </div>

    <div class="nav-menu col-sm-12 collapse" id="nav-menu">
      <ul class="nav-menu-items">
        <li class="nav-menu-item col-xs-12"><a href="/page.html">Page</a></li>
        <li class="nav-menu-item col-xs-12"><a href="#">Link</a></li>
        <li class="nav-menu-item nav-menu-item-right col-xs-12"><a href="#">Link</a></li>
      </ul>
    </div>
  </div>
</div>