twitter-bootstrap
Glyphicons
Sök…
Anmärkningar
Det här avsnittet ger en översikt över Bootstrap-glyphicons och beskriver hur man använder glyphicons.
Hur man använder glyphicons
Twitter Bootstrap stöder ikoner som heter glyphicons och de kan användas med alla HTML-taggar.
Alla ikoner kräver en basklass och en individuell ikonklass.
Tänk på att ikonklasser inte kan kombineras direkt med andra komponenter, så använd alltid inre <span></span> -tagg.
Om din HTML-kod har inre barnelement kan du inte använda ikonklasser för den specifika taggen.
Till exempel skapar du en bootstrap-knapp, då bör syntaxen för den här knappen vara så här:
<button type="button" class="btn btn-default btn-lg">
Star
</button>
Så i exemplet ovan skapas en enkel bootstrap-knapp men nu vill du lägga till en glyphicon i den här knappen, för detta lägger du bara till ett <span> -element i en <button> -tagg. Så här:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>
