<div class="col-sm-12">
  <div class="card">
    <div class="card-block">
      <ul class="nav nav-pills">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Doctor</a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="/doctor">Doctor Page</a>
            <a class="dropdown-item" href="/subdoctor">Sub Doctor</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/city">Location</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/schedule">Schedule</a>
        </li>
      </ul>
    </div>
  </div>
</div>