<!--Navbar-->

    <nav class="navbar navbar-expand-lg navbar-light white">

​

      <div class="container">

​

        <!-- Collapse button -->

        <button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"

          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

          <span class="navbar-toggler-icon"></span>

        </button> 

​

        <!-- Collapsible content -->

        <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">

​

          <!-- Links -->

          <ul class="navbar-nav">

​

​

             <li class="nav-item">

              <button class="btn btn-info btn-sm" type="button">Button 1</button>

            </li>

             <li class="nav-item">

              <button class="btn btn-info btn-sm" type="button">Button 2</button>

            </li>

             <li class="nav-item">

              <button class="btn btn-info btn-sm" type="button">Button 3</button>

            </li>

​

          </ul>

          <!-- Links -->

​

        </div>

        <!-- CTA -->

​

      </div>

​

    </nav>

    <!--/.Navbar-->