Bootstrap Glyphicons
Glyfikony
Bootstrap poskytuje 260 glyphiconů ze sady Glyphicons Halflings .
Glyphicony lze použít v textu, tlačítkách, panelech nástrojů, navigaci, formulářích atd.
Zde je několik příkladů glyfikonů:
Glyfikon obálky:
Tisk glyfikonů:
Hledat glyfikon:
Stáhnout glyphicon:
Syntaxe glyfikonu
Je vložen glyfikon s následující syntaxí:
<span class="glyphicon glyphicon-name"></span>
Část názvu ve výše uvedené syntaxi musí být nahrazena správným názvem glyphiconu.
Příklad glyfikonu
Následující příklad ukazuje různé způsoby použití glyfikonů:
Příklad
<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a button:
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Search icon on a styled button:
<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<p>Print icon on a styled link button:
<a href="#" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-print"></span> Print
</a>
</p>
Kompletní referenční příručka k bootstrap glyphicon
Úplnou referenci o všech glyphiconech naleznete v naší kompletní referenční příručce o glyphiconech Bootstrap .