<div class="navbar navbar-fixed-top">

<div class="navbar-inner">

<div class="container-fluid">

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</a>

<a class="brand" href="{{ site.url }}/">Stack</a>

<div class="nav-collapse collapse navbar-responsive-collapse">

<ul class="nav navbar-nav" style="margin: 0 auto;">

<li {% if page.nav_name == "toolbox" %} class="active" {% endif %}>

<a href="{{ site.url }}/toolbox/">Toolbox</a>

</li>

<li {% if page.nav_name == "specs" %} class="active" {% endif %}>

<a href="{{ site.url }}/specs/">Conventions and Protocols</a>

</li>

<li {% if page.nav_name == "middlewares" %} class="active" {% endif %}>

<a href="{{ site.url }}/middlewares/">Community Middlewares</a>

</li>

</ul>

</div>

</div>

margin: 2em 0;