Glyphicons Schriftkonikone
Basisklasse.glyphicon {Position/Top/Display/Schriftfamilie/}
Konkrete Klasse {Inhalt}-manifestiert sich auf Pseudoelementen
Wichtige Nutzungspunkte: a. Basisklasse + Spezifische Klasse b. Fügen Sie einen Raum zwischen allgemeinem Symbol und Text hinzu
Hinweis: a. Mischen Sie nicht mit anderen Komponenten, verwenden Sie ein einzelnes Tag, verwenden Sie im Allgemeinen Span, z. B. <span> </span>
B. Tags, die Schriftkonklassen verwendet haben
Ändern Sie den Speicherort der Schriftsymbol -Quelldatei: Standardeinstellung relativ zur CSS -Position und im Verzeichnis ../FONTS/
Ziehen Sie das Popup-Menü ab
A. Outsourcing -Element b. Abzahlen und abzahlen c. Menüliste
Outsourcing Element Class.dropdown/.dropup {Position}
Down- und Flip-up-Trigger-Daten-Toggle wird für JS
Menüliste Dropdown-Menu {Position/Top/links/z-Index/float/padding/margin/border/box-shadow}
ZB: Div> (Taste+UL) (Standard ist Dropdown) Div kann Klasse hinzufügen.
<Div> <!- Die Klasse dieses Elements kann auf Dropdown/ Dropup/ oder auf die Position auf Position gesetzt werden: Relativ; --> <!-- Outsourcing element--><button data-toggle="dropdown"> <!-- Popup trigger-->Dropdown<span></span></button><ul> <!-- Popup menu--><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else hier </a> </li> <li> <a href = "#"> getrennter Link </a> </li> </ul> </div>
Popup -Menü abrufen - ausrichten
Standard -linke Ausrichtung
Linke Ausrichtung.Dropdown-Menu-links {rechts/links}
Recht ausgerichtet.dropdown-Menu-right {rechts/links}
Elemente, die durch andere Elemente verursacht werden, werden blockiert und müssen selbst gelöst werden.
<ul> ... </ul>
Popup -Menü abrufen - Menütitel
Title.drop-Header {Schriftgröße/Farbe}
<ul> ... <li> Dropdown -Header </li> ... </ul>
Runter bis zur Popup-Menü-Dividing-Linie
Divider {Höhe/Rand/Hintergrund-Color}--role = "Separator"
<ul> ... <li rollen = "separator"> </li> ... </ul>
Pulldown Popup-Menü-Menü deaktivieren
Deaktiviert {Farbe}
<ul> ... <li> <a href = "#"> Deaktiviertes Link </a> </li> ... </ul>
Der obige Inhalt ist das relevante Kenntnis der Bootstrap -Komponente, die Ihnen vom Editor vorgelegt wurde. Ich hoffe, es wird für Sie hilfreich sein!