Glyphicons Bootstrap
Glyphicons
Bootstrap fornece 260 glyphicons do conjunto Glyphicons Halflings.
Glyphicons podem ser usados em texto, botões, barras de ferramentas, navegação, formulários, etc.
Aqui estão alguns exemplos de glyphicons:
Glyphicon de envelope:
Imprimir glifo:
Pesquisar glifo:
Baixar glyphicon:
Sintaxe do Glyphicon
Um glyphicon é inserido com a seguinte sintaxe:
<span class="glyphicon glyphicon-name"></span>
A parte do nome na sintaxe acima deve ser substituída pelo nome próprio do glyphicon.
Exemplo de Glyphicon
O exemplo a seguir mostra diferentes maneiras de usar glyphicons:
Exemplo
<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>
Referência completa do Bootstrap Glyphicon
Para uma referência completa de todos os glyphicons, acesse nossa Referência completa de Bootstrap Glyphicon .