---
layout: documentation
doc-tab: navbar
---

<section class="section">
  <div class="container">
    <h1 class="title">Navbar</h1>
    <h2 class="subtitle">A multi-purpose <strong>horizontal navbar</strong>, which can contain almost any other element</h2>

    <hr>

    <div class="content">
      <p>The <strong>structure</strong> of a navbar is the following:</p>
      <ul>
        <li>
          <code>navbar</code>: main container
          <ul>
            <li><code>navbar-left</code> for the left side