Je recherche un menu bootstrap 5 moderne facile a mettre en place.
Dans mon head j'ai mise ceci :
et en bas de page :<link rel="stylesheet" href="/../Utiles/CSS/bootstrap.min.css">
je souhaiterais un menu moderne avec logo titre du site et menu avec multi niveau<script src="/../Utiles/JS/bootstrap.min.js"></script>
<script src="/../Utiles/JS/bootstrap.bundle.min.js"></script>
<script src="/../Utiles/JS/jquery360min.js"></script>
Le soucis c'est quand je fais le menu, et que je change de page, le menu la couleur ne change pas j'aurai voulu que dans la page ou je me trouve le liens reste en blanc ou que je sache ou je me trouve simplement en regardant le menu.
voici mon menu :
Merci par avance pour votre retour.<nav class="navbar navbar-expand-lg navbar-dark bg-transparent">
<div class="container-fluid d-flex align-items-center justify-content-between">
<a class="navbar-brand" href="/Controleurs/index-ctrl.php">
<img src="/Utiles/Images/logoIcon.png" alt="Logo" class="d-inline-block align-middle logo logo-small" width="30" height="30">
<span class="d-inline-block align-middle d-lg-inline d-none styleTitreSiteMenu">Easykode</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse texteMenu" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="/Controleurs/index-ctrl.php">Accueil <span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Controleurs/test-ctrl.php">test</a>
</li>
<li class="nav-item">
<div class="dropdown">
<a id="themeLink" class="nav-link dropdown-toggle" href="#" role="button" id="themeDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Thème
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
<li><a class="dropdown-item" href="#" onclick="setTheme('light')"> Clair</a></li>
<li><a class="dropdown-item" href="#" onclick="setTheme('dark')"> Sombre</a></li>
<li><a class="dropdown-item" href="#" onclick="setTheme('auto')"> Auto</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
Bon dimanche.
@+ Filou80