Icône de police des glyphicons
Classe de base.glyphicon {position / top / affichage / font-famille /}
Classe de béton {contenu} - s'est manifesté sur les pseudo-éléments
Points d'utilisation clés: a. Classe de base + classe spécifique b. Ajouter un espace entre l'icône générale et le texte
Remarque: a. Ne mélangez pas avec d'autres composants, utilisez une seule balise, utilisez généralement une portée, par exemple: <span> </span>
né Les balises qui ont utilisé des classes d'icônes de police ne devraient plus nicher d'éléments ou contenir du texte
Modifier l'emplacement du fichier source de l'icône de police: par défaut par rapport à la position CSS, et dans le répertoire ../fonts/, si vous devez modifier l'emplacement, modifier moins ou compilé CSS
Tirez dans le menu contextuel
un. Élément d'externalisation b. Tirez vers le bas et déclenchez la gâchette c. Liste de menu
Classe d'élément d'externalisation.dropdown / .dropup {position}
Tirez vers le bas et le déclencheur de gâchette de gâchette est utilisé pour les crochets JS, basculez l'ouverture et la fermeture de l'élément extérieur en classe ouverte
Liste de menu Dropdown-menu {position / top / gauche / z-index / float / padding / marge / border / box-shadow}
par exemple: div> (bouton + ul) (par défaut est déroulant) Div peut ajouter la classe.dropdown ou abandonner ou ajouter des styles relatifs
<div> <! - La classe de cet élément peut être définie sur Dropdown / DropUp / ou définie sur le style séparément pour positionner: relative; -> <! - Élément d'externalisation -> <Button Data-Toggle = "Dropdown"> <! - Popup Trigger -> Dropdown <span> </span> </futton> <ul> <! - Menu popup -> <li> <a href = "#"> Action </a> </li> <li> <a href = "#"> Une autre action </a> </ li> Ici </a> </li> <li> <a href = "#"> Lien séparé </a> </li> </ul> </div>
Tirez le menu contextuel - Aligner
Alignement de gauche par défaut
Alignement gauche.dropdown-menu-left {droite / gauche}
Aligned droit.dropdown-menu-right {droite / gauche}
Les éléments causés par d'autres éléments débordent sont bloqués et doivent être résolus par eux-mêmes.
<ul> ... </ul>
Tirez le menu pop-up - Titre du menu
Title.drop-header {Font-Size / Color}
<ul> ... <li> En-tête déroulante </li> ... </ul>
Tirez vers le bas sur la ligne de division du menu contextuel
Divider {hauteur / marge / fond-couleur} --role = "séparateur"
<ul> ... <li rôle = "séparateur"> </li> ... </ul>
Menu pop-up en plein essor - Menu de désactivation
Handicapé {couleur}
<ul> ... <li> <a href = "#"> lien désactivé </a> </li> ... </ul>
Le contenu ci-dessus est la connaissance pertinente du composant bootstrap qui vous est présenté par l'éditeur. J'espère que cela vous sera utile!