Navbar 1

<nav class="navbar">
  <div class="left">
    <ul class="nav horizontal">
      <li class="item">
        <a class="link active" aria-current="page" href="#">Active</a>
      </li>
      <li class="item">
        <a class="link" href="#">Link</a>
      </li>
      <li class="item">
        <a class="link" href="#">Link</a>
      </li>
      <li class="item">
        <a class="link" href="#">Link</a>
      </li>
      <li class="item">
        <a class="link" href="#">Link</a>
      </li>
      <li class="item">
        <a class="link" href="#">Link</a>
      </li>
      <li class="item">
        <a class="link disabled" aria-disabled="true">Disabled</a>
      </li>
    </ul>
  </div>
  <div class="center">
    search
  </div>
  <div class="right">
    right
  </div>
</nav>