<nav class="navbar navbar-expand-sm navbar-light bg-body-tertiary">

  <!-- Container wrapper -->

  <div class="container-fluid">

    <!-- Toggle button -->

    <button

      data-mdb-collapse-init

      class="navbar-toggler"

      type="button"

      data-mdb-target="#navbarCenteredExample"

      aria-controls="navbarCenteredExample"

      aria-expanded="false"

      aria-label="Toggle navigation"

    >

      <i class="fas fa-bars"></i>

    </button>

​

    <!-- Collapsible wrapper -->

    <div

      class="collapse navbar-collapse justify-content-center"

      id="navbarCenteredExample"

    >

      <div>

        Hello

     </div>

    </div>

    <!-- Collapsible wrapper -->

  </div>

  <!-- Container wrapper -->

</nav>