twitter-bootstrap
Glyphicons
Suche…
Bemerkungen
Dieser Abschnitt enthält eine Übersicht über Bootstrap-Glyphicons und beschreibt die Verwendung von Glyphicons.
Wie benutze ich Glyphicons?
Twitter Bootstrap unterstützt Symbole, die als Glyphicons bezeichnet werden, und sie können mit allen HTML-Tags verwendet werden.
Alle Icons erfordern eine Basisklasse und eine individuelle Icon-Klasse.
Beachten Sie, dass Icon-Klassen nicht direkt mit anderen Komponenten kombiniert werden können. Verwenden Sie daher immer das innere <span></span>
-Tag.
Wenn Ihr HTML-Code innere untergeordnete Elemente enthält, können Sie für dieses bestimmte Tag keine Symbolklassen verwenden.
Wenn Sie beispielsweise eine Bootstrap-Schaltfläche erstellen, sollte die Syntax für diese Schaltfläche folgendermaßen aussehen:
<button type="button" class="btn btn-default btn-lg">
Star
</button>
Im obigen Beispiel wird also eine einfache Bootstrap-Schaltfläche erstellt. Jetzt möchten Sie ein Glyphicon in diese Schaltfläche einfügen. Dazu fügen Sie einfach ein <span>
-Element in ein <button>
-Tag ein. So was:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>