40 lines
1.4 KiB
Markdown
40 lines
1.4 KiB
Markdown
|
---
|
||
|
title: Fontawesome Icons For Bootstrap
|
||
|
localeTitle: 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.
|
||
|
|
||
|
```html
|
||
|
|
||
|
<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í.](http://fontawesome.io/cheatsheet/)
|
||
|
|
||
|
`.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._
|
||
|
|
||
|
#### Más información:
|
||
|
|
||
|
[Hoja de trucos de Fontawesome](http://fontawesome.io/cheatsheet/)
|