如何创建Bootstrap 4水平子菜单？

如何解决如何创建Bootstrap 4水平子菜单？

我正在创建acedemics下拉列表，但是我想再次为syallbus 1）D.Farm syallbus 2）B.Pharm syallbus plz水平两个子菜单

 <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          ACEDEMICS
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">SYLLABUS</a>
          <a class="dropdown-item" href="#">FACULTY</a>
          <a class="dropdown-item" href="#">RULES & REGULATIONS</a>
        </div>
      </li>