Cómo usar Font Awesome en Bootstrap
1. Uso convencional
El uso convencional de font awesome es el mismo que el del ícono en bootstrap. Solo necesita aplicar el estilo correspondiente en el elemento en línea. Como
<1 class="icon-camera-retro">
La diferencia es que para todos los íconos, Font Awesome proporciona 4 estilos de conjuntos de tamaños diferentes, a saber : .icon-large, .icon-2x, icon-3x y .icon-4x, principalmente para ampliar el icono en el múltiplo correspondiente.
Ampliar 1x
;
Ampliar 2 veces
;
Ampliar 3 veces
;
Ampliar 4 veces
;
El conjunto de iconos también admite las funciones flotantes izquierda y derecha en bootstrap: tirar hacia la izquierda, tirar hacia la derecha. El uso es el siguiente:
; utilizado en otros elementos (como botones, enlaces o complementos) es consistente con el estilo de glifo proporcionado por bootstrap y se pueden usar juntos
2 iconos en la lista
A menudo. use números (o puntos) La interfaz para mostrar elementos de la lista li es demasiado antigua. Font-awesome proporciona una nueva característica gratificante, que es mostrar íconos personalizados como identificadores de elementos li. se aplican a los elementos ul y li respectivamente.
Los ejemplos son los siguientes:
- Pantalla
- Flotador
- Borrar
- Posición
- Text-align
- Box-shadow
- Tamaño de caja
- Transformar
El efecto es como se muestra en la figura: