Glyphicons Halflings Bootstrap-Framework ist eine eingebaute kostenlose Font-Icon-Bibliothek, die mehr als 250 hochwertige Vektorsymbole enthält, die die Schnittstellenbedienung, Geräte, Dateitypen und andere Arten von Szenarien abdecken, ohne zusätzliche Bilder zu laden, um eine hochauflösende Darstellung zu erreichen.
Hauptmerkmale
- Plug and Play： Nach der Einführung von Bootstrap CSS-Datei, durch dieclass="glyphicon glyphicon-xxxx" Sie können das Symbol mit Hilfe der Bootstrap-CSS-Datei aufrufen. - Völlig frei： Alle Icons folgen dem MIT Open Source Protokoll und können ohne Lizenz kommerziell genutzt werden. - Reaktionsfähige Anpassung： Basierend auf dem Font-Rendering, passt sich automatisch an die Bildschirmauflösung und Skalierung an. - Leichtgewichtig und effizient： Eine einzige Schriftartdatei anstelle mehrerer Bilder, Reduzierung der HTTP-Anfragen.
Wie wird es verwendet
1. die Bootstrap-CSS-Datei in das Projekt einfügen. 2. 2. fügen Sie den Klassennamen des Icons in das HTML-Element ein, zum Beispiel : <i class="glyphicon glyphicon-search"></i> 3. die Farbe, die Größe und andere Stile des Icons einfach über CSS anpassen.
Anwendbare Szenarien
- Navigationsmenü und Schaltflächensymbole - Symbole für Formulareingabefelder - Statusanzeigen (Erfolg, Fehler, Warnung, etc.) - Soziale Medien und Gerätelogos Hinweis: Glyphicons wurden aus Bootstrap 5 entfernt. Es wird daher empfohlen, sie in Verbindung mit Bootstrap 3.x oder über ein CDN eines Drittanbieters zu verwenden, um die Ressourcen zu laden.