<span class="nt">&lt;/nav&gt;</span></code></pre></div>

<h2 id="available-styles">Available styles</h2>

<p>Change the style of <code class="highlighter-rouge">.nav</code>s component with modifiers and utilities. Mix and match as needed, or build your own.</p>

<h3 id="horizontal-alignment">Horizontal alignment</h3>

<p>Change the horizontal alignment of your nav with <a href="/docs/4.0/layout/grid/#horizontal-alignment">flexbox utilities</a>. By default, navs are left-aligned, but you can easily change th