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:

1 réponse

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>

1