Dropdowns
Listes déroulantes à un seul bouton
Toute personne .btn peut être transformé en liste déroulante
basculer avec quelques modifications de balisage. Voici comment vous pouvez les mettre en œuvre
soit <bouton>
éléments:
Une variante
La meilleure partie est que vous pouvez également le faire avec n’importe quelle variante de bouton :
Listes déroulantes des boutons divisés
La meilleure partie est que vous pouvez également le faire avec n’importe quelle variante de bouton :
Dimensionnement
Les listes déroulantes de boutons fonctionnent avec les boutons de toutes les tailles, y compris les boutons déroulants par défaut et fractionnés.
Contenu des menus
Exemple de menu déroulant En-têtes, Texte, Contenu des formulaires
Menu déroulant sombre
Optez pour des listes déroulantes plus sombres pour correspondre à une barre de navigation sombre ou à un style personnalisé en ajoutant .dropdown-menu-dark à un .dropdown-menu existant. Aucune modification n’est requise dans les éléments de la liste déroulante.
Alignement des menus
Add .dropdown-menu-fin
to a .menu-déroulant à droite
alignez le menu déroulant.
Comportement de fermeture automatique
Par défaut, le menu déroulant se ferme lorsque vous cliquez à l'intérieur ou à l'extérieur du menu déroulant. Vous pouvez utiliser l'option Fermeture automatique pour modifier ce comportement de la liste déroulante.
Variation de suppression
Déclenchez les menus déroulants au-dessus des éléments
en ajoutant .déposer jusqu'à au parent
élément.
Déposer la variante à gauche
Déclenchez des menus déroulants à droite des éléments en ajoutant .déposez au début sur l'élément parent.
Supprimer la variation à droite
Déclenchez des menus déroulants à droite des éléments en ajoutant .déposer à la fin à l'élément parent.
