Navigation Bar in Bootstrap | Menu Bar | Responsive| Nav Bar

Code of above navigation bar :-

<nav class="navbar navbar-expand-md bg-dark navbar-dark">
    <div class="container">
      <a href="#" class="navbar-brand" style="font-family: ">Feedback Analysis</a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsenavbar">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="collapsenavbar">
        <ul class="navbar-nav ml-auto text-center">
          <li class="nav-item ">
            <a href="admin_login.php" class="nav-link text-white">Admin </a>
          </li>
          <li class="nav-item">
            <a href="Principal.php" class="nav-link text-white">Principal </a>
          </li>
          <li class="nav-item">
            <a href="hod_login.php" class="nav-link text-white">Hod </a>
          </li>
          <li class="nav-item">
            <a href="hod_login.php" class="nav-link text-white">Logout</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>