<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>