Glificones Bootstrap
Glificones
Bootstrap proporciona 260 glyphicons del conjunto Glyphicons Halflings.
Los glifos se pueden usar en texto, botones, barras de herramientas, navegación, formularios, etc.
Estos son algunos ejemplos de glyphicons:
Sobre glyphicon:
Imprimir glyphicon:
Buscar glyphicon:
Descargar glyphicon:
Sintaxis de Glyphicon
Se inserta un glyphicon con la siguiente sintaxis:
<span class="glyphicon glyphicon-name"></span>
La parte del nombre en la sintaxis anterior debe reemplazarse con el nombre propio del glyphicon.
Ejemplo de Glifico
El siguiente ejemplo muestra diferentes formas de usar glyphicons:
Ejemplo
<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>
Referencia completa de Bootstrap Glyphicon
Para obtener una referencia completa de todos los glyphicons, vaya a nuestra Referencia completa de Bootstrap Glyphicon .