- Plug and Play: Nach der Einführung von Bootstrap-CSS-Dateien können Sie die folgenden Icons über die glyphicon glyphicon-icon name Klassenname Reaktionsfähiges Design: Alle Icons sind Vektorfonts, die sich automatisch an unterschiedliche Bildschirmauflösungen anpassen. Leichte Integration: Keine zusätzlichen Bildanforderungen, eine Schriftdatei enthält alle Icons.
Aufrufen der Methode
1. die Bootstrap-Stil-Datei in das Projekt einführen 2. die Standard-HTML-Tags verwenden, um Icons hinzuzufügen:<i class="glyphicon glyphicon-search"></i> 3. können über CSS Größe, Farbe und andere Stile angepasst werden
Beste Praktiken
- Semantische Kollokation: Empfohlen wird die Verwendung von ARIA-Tags, um die Zugänglichkeit zu verbessern - Kontrolle der Größe: Die Größenkontrolle wird erreicht durchfont-size Größenanpassung statt Fixierung von Breite und Höhe - Optimierung der Leistung: Vermeiden Sie die übermäßige Verwendung von Symbolen, die die Rendering-Effizienz beeinträchtigen.
Versionskompatibilität
Geeignet für Bootstrap 3.x, Bootstrap 4+ wird empfohlen, stattdessen das SVG-Icon-Schema zu verwenden.