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.

Beispiele

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>

Geben Sie hier die Bildbeschreibung ein



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow