Cette fois, je vais vous apporter les conseils d'utilisation du plug-in déroulant Bootstrap, et quelles sont les précautions lors de l'utilisation du plug-in déroulant Bootstrap. Voici ce qui suit. un cas pratique, jetons un coup d'oeil. Menu déroulantUtilisation spécifique du menu déroulant . .dropdown déclencheurbouton+menu déroulant ul> Couche d'emballage .dropdown .dropdown-toggle déclencheur de menu déroulant data-toggle="dropdown L'attribut personnalisé peut être associé à js Menu déroulant .dropdown-menu Exemples spécifiques : Dropdown Action Another action Something else here Separated link Si vous souhaitez que le menu soit ouvert par défaut, vous devez ajouter une classe .open Dropdown Action Another action Something else here Separated link Menu contextuel .dropup En définissant la classe .dropup pour l'élément parent du menu déroulant, vous pouvez faire apparaître le menu (la valeur par défaut est contextuelle) Dropup Action Another action Something else here Separated link 1. Alignement : alignement à gauche par défaut Alignement à droite : ajoutez simplement la classe .dropdown-menu-right à .dropdown-menu Remarque : Il est aligné en fonction de la position du parent Comment aligner le menu déroulant à l'extrémité droite du déclencheur du menu déroulant ? Ensuite, vous devez ajouter une classe de bloc .btn au bouton de déclenchement du menu déroulant Dropup Action Another action Something else here Separated link 2. Le titre du menu déroulant dropdown-header Vous pouvez ajouter un titre à n'importe quel menu déroulant pour identifier un groupe d'actions. Si vous souhaitez que le titre du menu déroulant soit centré, vous devez ajouter une classe .text-center ... Dropdown header ... 3. Ligne de démarcation : .pider Ajoutez une ligne de séparation au menu déroulant pour regrouper plusieurs liens. ... ... 4. Désactiver le menu : désactivé Ajoutez la classe .disabled à l'élément dans le menu déroulant, désactivant ainsi l'élément de menu correspondant. Regular link Disabled link Another link Remarque : aria-haspopup="true" aria-expanded="true" Défini pour les personnes spéciales qui ont besoin d'utiliser des lecteurs d'écran id="dropdownMenu1" aria-labelledby="dropdownMenu1" Utilisez l'identifiant pour combiner le déclencheur et Menu déroulant lié Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée : Bootrap+Vue implémente la fonction d'interface de recherche de type Baidu Processus de variable d'environnement Node.js. env Explication détaillée de l'utilisation Explication détaillée des exportations et module.exports de node.js et ES6