IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

[BootStrap] Bouton dropDown ne fonctionne pas


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Février 2019
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Février 2019
    Messages : 80
    Par défaut [BootStrap] Bouton dropDown ne fonctionne pas
    Bonjour voici mon code html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    <!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

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Bonjour,
    il faudrait que tu lises correctement la documentation officielle.

    Indice, il te manque les fichiers JavaScript utilisés par BootStrap.

Discussions similaires

  1. [OL-365] Créer un bouton type menu déroulant dans le ruban
    Par Paul Guille dans le forum Outlook
    Réponses: 1
    Dernier message: 03/12/2019, 17h25
  2. [Bootstrap] Menu déroulant
    Par laoualb dans le forum jQuery
    Réponses: 1
    Dernier message: 01/08/2017, 11h27
  3. radio bouton et menu déroulant
    Par jonyb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 14/10/2010, 13h39
  4. bouton avec menu déroulant dans la tool bar.
    Par archerhawke dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 27/10/2009, 19h50
  5. [FLASH 5] Actions boutons dans menu déroulant
    Par Marie-chan dans le forum Flash
    Réponses: 3
    Dernier message: 24/03/2007, 19h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo