Icons in Bootstrap - Eine Anleitung

Ein Icon ist laut Definition ein Piktogramm, als eine kleine Grafik, die durch vereinfachte grafische Darstellung eine bestimmte Information vermittelt. Icons werden meist eingesetzt, um Schaltflächen zu kennzeichnen. Damit deren Bedeutung sich leicht im Kopf des Benutzer einprägt.

Icons in Bootstrap verwenden

Bootstrap bietet von Haus die Verwendung von Icons an. Dabei wird auf die freie Icon-Sammlung von Glyphicons zurückgegriffen.

Um Icons zu verwenden, nutzt man das <i>-Element. Anschließend vergibt man eine Klasse .glyphicon-xxx, wobei xxx für das genwünschten Icon steht. Hier gibt es eine Übersicht aller Glyphicons.

Beispiel Icons verwenden

Nach oben!