Navbar

Default navbar

<nav class="navbar">
  <div class="logo">
    <a href="/" class="brand">Mice</a>
  </div>

  <ul class="menu">
    <li class="active"><a href="/elements">Elements</a></li>
    <li><a href="/components/grid.html">Grid</a></li>
  </ul>

  <form>
    <input type="text" placeholder="Search">
    <button type="submit">Submit</button>
  </form>

  <ul class="menu righted">
    <li><a href="https://github.com/miclle/mice"><i class="icon github"></i> Github</a></li>
  </ul>
</nav>

Fixed to top

Add .top and include a .container to center and pad navbar content.

<nav class="navbar top">
  <div class="container">
    ...
  </div>
</nav>

Fixed to bottom

Add .bottom and include a .container to center and pad navbar content.

<nav class="navbar bottom">
  <div class="container">
    ...
  </div>
</nav>