---
layout: documentation
doc-tab: components
doc-subtab: navbar
---

{% include subnav-components.html %}

<section class="section">
  <div class="container">
    <h1 class="title">Navbar</h1>
    <h2 class="subtitle">
      A responsive horizontal <strong>navbar</strong> that can supports images, links, buttons, and dropdowns
    </h2>

    <div class="message is-success">
      <div class="message-body">
        <p>The new <code>.navbar</code> replaces the old <code>.nav</code> component. You can still access its documentation <a href="{{ site.url }}/documentation/components/nav/">here</a>.</p>
      </div>
    </div>

    <hr>
  </div>
</section>