<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>
Add .top and include a .container to center and pad navbar content.
<nav class="navbar top">
<div class="container">
...
</div>
</nav>
Add .bottom and include a .container to center and pad navbar content.
<nav class="navbar bottom">
<div class="container">
...
</div>
</nav>