Itqualityassurance
- Qu'est-ce que la liste déroulante Bootstrap?
- Comment créer un menu déroulant dans Bootstrap?
- Pourquoi le menu déroulant Bootstrap ne fonctionne-t-il pas?
- Comment rendre la liste déroulante Bootstrap réactive?
Qu'est-ce que la liste déroulante Bootstrap?
Les listes déroulantes sont des superpositions contextuelles à affectation pour afficher des listes de liens et plus. Ils sont fabriqués interactifs avec le plugin JavaScript dropdown inclus. Ils sont basculés en cliquant, pas en survolant; Ceci est une décision de conception intentionnelle.
Comment créer un menu déroulant dans Bootstrap?
Dropdown de base
Pour ouvrir le menu déroulant, utilisez un bouton ou un lien avec une classe de . Dropdown-toggle et l'attribut data-toggle = "dropdown". Ajouter le . classe Dropdown-menu à un <div> élément pour créer le menu déroulant.
Pourquoi le menu déroulant Bootstrap ne fonctionne-t-il pas?
Solution: la liste déroulante doit être basée via des attributs de données ou à l'aide de JavaScript. Dans le programme ci-dessus, nous avons oublié d'ajouter un attribut de données afin que la liste déroulante ne fonctionne pas. Ajoutez donc data-bs-toggle = "dropdown" pour basculer la liste déroulante.
Comment rendre la liste déroulante Bootstrap réactive?
Si vous souhaitez utiliser un alignement réactif, désactivez le positionnement dynamique en ajoutant l'attribut Data-Display = "statique" et utilisez les classes de variation réactive. Pour aligner à droite le menu déroulant avec le point d'arrêt donné ou plus, ajouter .
