Bouton bootstrap menu déroulant

Résolu/Fermé

Diego987 Messages postés 64 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 9 janvier 2024 - 3 mai 2020 à 14:53
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 3 mai 2020 à 14:59

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

A voir également:

Bouton bootstrap menu déroulant
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

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
3 mai 2020 à 14:59

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 )

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer liste déroulante

supprimer une liste déroulante

Quel est la touche shift sur le clavier