Tengo una navegación de arranque que es una colección de fragmentos copiados y pegados de su sitio web, pero por alguna razón mi navegación desplegable no muestra nada, y estoy un poco confundido por qué está mal.

Esto es lo que tengo:

 <div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">CPM</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav me-auto"> <a class="nav-link" aria-current="page" href="{{ url_for('user.welcome') }}">Home</a> </div> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Account </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{ url_for('user.welcome') }}">Settings</a></li> </ul> </li> <a class="btn btn-outline-danger me-md-2" href="{{ url_for('user.logout') }}">Logout</a> </ul> </div> </div> </nav> </div>

La mayor parte de esto fue cortado de la página de recursos en los documentos de bootstrap: https://getbootstrap.com/docs/5.0/components/navbar/

Los valores href provienen de mi aplicación de matraz. Me imagino que es algo pequeño, pero cuando hago clic en el botón Account en el menú desplegable, no aparece nada y no puedo ver el li para Settings .

Descargué el archivo javascript y css principal para bootstrap y lo sirvo localmente.