1.4 KiB
| title | localeTitle |
|---|---|
| Fontawesome Icons For Bootstrap | Iconos de Fontawesome para Bootstrap |
Iconos de Fontawesome para Bootstrap
Bootstrap (versión 4) ha eliminado la fuente de los iconos de Glyphicon en su última versión. Fontawesome Icons le proporciona más de 675 iconos, vienen en formato de fuente.
Cómo utilizar:
En el <head> de su html incluya una referencia a Font Awesome.
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
Usar fontawesome es lo mismo que usar Glyphicon.
Simplemente cree la etiqueta <i> o <span> y aplique el prefijo CSS fa y el nombre del icono. A continuación se proporciona un ejemplo de código.
Ejemplo de código:
<i class="fa fa-twitter" aria-hidden="true"></i>
<span class="fa fa-freecodecamp" aria-hidden="true"></span>
Lista de iconos de Fontawesome:
La lista completa de iconos proporcionados por fontawesome está disponible aquí.
.fa fa-align-left Este es un icono impresionante para alinear a la izquierda.
.fa fa-heart Este es un icono de corazón impresionante.
Nota: No incluya el punto en el atributo de clase HTML, ya que las clases con un punto solo se usan al ajustar las clases en CSS.