<ul class="nav nav-tabs md-tabs" id="myTabMD" role="tablist">

      <!-- Left tabs -->

      <li class="nav-item">

        <a class="nav-link active" id="home-tab-md" data-toggle="tab" href="#home-md" role="tab" aria-controls="home-md"

          aria-selected="true">Home</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" id="profile-tab-md" data-toggle="tab" href="#profile-md" role="tab" aria-controls="profile-md"

          aria-selected="false">Profile</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" id="contact-tab-md" data-toggle="tab" href="#contact-md" role="tab" aria-controls="contact-md"

          aria-selected="false">Contact</a>

      </li>

​

      <!-- Right tabs -->

​

      <li class="nav-item ml-auto">

        <a class="nav-link" id="home-tab-md2" data-toggle="tab" href="#home-md2" role="tab" aria-controls="home-md2"

          aria-selected="false">Home</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" id="profile-tab-md2" data-toggle="tab" href="#profile-md2" role="tab" aria-controls="profile-md2"

          aria-selected="false">Profile</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" id="contact-tab-md2" data-toggle="tab" href="#contact-md2" role="tab" aria-controls="contact-md2"

          aria-selected="false">Contact</a>

      </li>

    </ul>

​

​