poseo el siguiente codigo
<li class="nav-item dropdown">
<a title="Ver Mensualidades" class="nav-link dropdown-toggle" href="mensualidades.php" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-money-bill-alt fa-fw"></i> Mensualidades <span data-toggle="popover" title="Mensualidad Detectada" data-content="Se ha detectado un pago de Mensualidad, pendiente de conformacion." class="badge badge-light"><?php suma_mensualidad();
echo $pendiente_mensualidad; ?></span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a title="Mensualidades por Aprobar" class="dropdown-item" href="mensualidades.php"><i class="fa fa-money-check fa-fw"></i> Mensualidades por Aprobar</a>
<a title="Ver Todas las Mensulidades" class="dropdown-item" href="todas_mensualidades.php"><i class="fa fa-list-alt fa-fw"></i> Ver todas las Mensualidades</a>
</div>
</li>
Me gustaria que al dar click en el link padre MENSUALIDADES me lleve a la web mensualidades.php y de esta manera lo pueda borrar del desplegable que poseo, quedando solo el link VER TODAS LAS MENSUALIDADES que me llevaria a la web: todas_mensualidades.php.
Estoy trabajando con Bootstrap 4.