Lien inactif dans un menu déroulant bootstrap

Fermé

mocoye Messages postés 76 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 28 septembre 2023 - 24 août 2018 à 11:15
Zero - 12 nov. 2018 à 15:03

Bonjour,

Je suis actuellement en train de développer un nouveau site et pour la premier fois avec l'aide de bootstrap, hors j'ai besoin d'un menu vertical déroulant que j'ai installé, mais les liens des sous menu ne fonctionne pas.

voici le code en question :


<li class="dropdown">
							<div class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<a href="institutionnels.php"><i class="fas fa-angle-double-right"></i> partenaires</a>
								<div class="dropdown-menu">
									<a class="dropdown-item" href="institutionnels.php">institutionnel</a>
									<a class="dropdown-item" href="#">olympiques</a>
									<a class="dropdown-item" href="adherents.php">adhérents</a>
									<a class="dropdown-item" href="#">prestataires</a>
								</div>
							</div>
						</li>

Vous remerciant par avance de votre aide,

Cordialement,

Laetitia

A voir également:

Menu deroulant avec bootstrap
Menu déroulant excel - Guide
Excel menu déroulant en cascade - Guide
Menu déroulant google sheet - Accueil - Guide bureautique
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires

1 réponse

Réponse 1 / 1

Zero
12 nov. 2018 à 15:03

Version de bootstrap ?
Version de jQuery ?

Sans le code complet, difficile de faire quelques chose...

Voici un exemple avec des liens fonctionnels

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">                                       
  <div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="institutionnels.php">HTML</a></li>
      <li><a href="adherents.php">CSS</a></li>
      <li><a href="prestataires.php">JavaScript</a></li>
    </ul>
  </div>
</div>

</body>
</html>

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer liste déroulante

supprimer une liste déroulante

Supprimer Liste déroulante