Bouton bootstrap menu déroulant [Résolu]

Signaler
Messages postés
35
Date d'inscription
vendredi 28 décembre 2018
Statut
Membre
Dernière intervention
21 juin 2020
-
Messages postés
28945
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 juillet 2020
-
Bonjour voici mon code html :
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=devise-width, initial-scale=1">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" ></script>

    </head>
    <body>
        <div class="container" style="margin-top: 50px;">
            <div class="dropdown">
                <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Fruits<span class="caret"></span></button>
                <ul class="dropdown-menu">
                    <li><a href="#">Banane</a></li>
                    <li><a href="#">pomme</a></li>
                    <li><a href="#">poire</a></li>
                    <li><a href="#">orange</a></li>
                    <li><a href="#">pamplemousse</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>


Le bouton apparaît bien mail le menu déroulant ne marche pas. Pourquoi? Auriez-vous une idée? Merci




Configuration: Macintosh / Chrome 81.0.4044.129

1 réponse

Messages postés
28945
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 juillet 2020
2 612
Bonjour,

A chaque fois que tu viens nous poster une question sur bootstrap... le souci est uniquement lié à un code erreur 33*

Il suffit de copier/coller les exemples qui se trouvent dans la doc....
par exemple :
https://getbootstrap.com/docs/4.3/components/dropdowns/
ou encore
https://www.w3schools.com/bootstrap4/bootstrap_dropdowns.asp

le plus important est de respecter les class qui sont utilisées...
telle que le dropdown-item qui manque dans ton code...


(*33 : distance moyenne.. entre le clavier et la chaise )