Finden Sie Glyphicons Halflings aus Bootstrap 3 und die zugehörigen CSS-Klassen. Verwenden Sie die angezeigten glyphicon-Klassen in Oberflächen mit Bootstrap 3.
Läuft lokal in deinem BrowserGlyphicons Halflings für Bootstrap 3
Die Seite listet alle 263 Glyphicons-Halflings-Klassen aus Bootstrap 3.3.7, jeweils mit Symbol und der exakten Klasse zum Kopieren, zum Beispiel glyphicon glyphicon-search. Jede Klasse wurde gegen das offizielle Bootstrap-3.3.7-Stylesheet geprüft: Das Set ist vollständig, behält die gleiche Reihenfolge und jede Kachel zeigt dieselbe Zeichenfolge wie ihr class-Attribut.
Geben Sie einen Teil des Namens in das Suchfeld ein, um das Raster zu verkleinern, und klicken Sie eine Kachel an, um die Klasse zu kopieren. Die Liste ist eine statische Referenz, die zur Seite gehört: Suchen und Kopieren laufen im Tab und senden nichts.
Das vollständige Glyphicons-Halflings-Set von Bootstrap 3.3.7: 263 Klassen für Pfeile, Mediensteuerung, Formulare, Dateien, Diagramme und Markensymbole. Vier Glyphen teilen sich Aliasnamen — euro/eur, yen/jpy, ruble/rub und bitcoin/btc/xbt —, die 263 Klassen zeichnen also 258 verschiedene Symbole.
Jeder Eintrag zeigt das Symbol über der Klasse, genau wie sie im class-Attribut stehen muss: Basisklasse glyphicon plus Name, zum Beispiel glyphicon glyphicon-arrow-left.
Glyphicons Halflings wurde nur mit Bootstrap 3 ausgeliefert. Bootstrap 4 entfernte die Schrift, Bootstrap 5 empfiehlt das separate Projekt Bootstrap Icons (bi-*-Klassen); in neueren Versionen existieren diese Namen nicht.
Die Symbole sind eine Schrift, keine Bilder: Das Stylesheet lädt glyphicons-halflings-regular.woff2/.woff/.ttf aus /static/style/fonts/. Browser fallen durch die Formate hindurch, daher bleiben die Symbole in jeder Größe scharf und lassen sich mit color wie Text einfärben.
Die Suche vergleicht die Klasse: arrow findet alle Pfeilvarianten, glyphicon-user genau das Benutzersymbol. Der Zähler nennt die sichtbaren Zeilen, und ein leeres Ergebnis sagt das auch, statt ein leeres Raster zu zeigen.
Kopieren legt die vollständige Klasse in die Zwischenablage, ohne das Markup zu verändern; die dunkle Hervorhebung bestätigt die Kachel. An der Liste ändert sich nichts — die Referenz ist statisch und funktioniert auch aus dem Cache oder offline.