Bootstrap Glyphicons
Glyphicons
Bootstrap verskaf 260 glyphicons van die Glyphicons Halflings-stel.
Glyphicons kan gebruik word in teks, knoppies, nutsbalke, navigasie, vorms, ens.
Hier is 'n paar voorbeelde van glifikone:
Koevert glyfikon:
Druk glyfikon:
Soek glyphicon:
Laai glyphicon af:
Glyphicon-sintaksis
'n Glifikon word ingevoeg met die volgende sintaksis:
<span class="glyphicon glyphicon-name"></span>
Die naamgedeelte in die sintaksis hierbo moet vervang word met die eienaam van die glifikoon.
Glyphicon Voorbeeld
Die volgende voorbeeld toon verskillende maniere om glifikone te gebruik:
Voorbeeld
<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>
Voltooi Bootstrap Glyphicon-verwysing
Vir 'n volledige verwysing van alle glyphicons, gaan na ons volledige Bootstrap Glyphicon Reference .