Bootstrap 3 y Font Awesome 4: reconocer un frontend legacy
Guía de lectura para rejillas, Glyphicons e iconos de Font Awesome presentes en temas comerciales antiguos.
- Revisado
- Compatibilidad
- Bootstrap 3.3.x y Font Awesome 4.7; archivo histórico
- Lectura
- 2 min
- Autor
- Gabriel — infinit8
Clases como col-xs-*, glyphicon y fa fa-* sitúan rápidamente un tema en la generación Bootstrap 3 / Font Awesome 4. Reconocerlas evita mezclar documentación de versiones incompatibles.
Huellas frecuentes en el marcado
En Bootstrap 3, xs era un nivel explícito de la rejilla y Glyphicons venía integrado. Font Awesome utilizaba clases apiladas y modificadores como rotación o volteo.
<div class="col-xs-12 col-sm-8">
<span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
<i class="fa fa-truck fa-flip-horizontal" aria-hidden="true"></i>
</div>Por qué no se actualiza solo el CDN
Bootstrap 4 y 5 cambiaron nombres, breakpoints, utilidades y componentes; Font Awesome también cambió prefijos y distribución. Sustituir únicamente la URL de la hoja de estilos puede dejar iconos vacíos y layouts rotos.
Inventario antes de migrar
- Localiza versiones reales en CSS y JavaScript.
- Cuenta componentes, plugins y selectores personalizados.
- Captura páginas representativas en varios anchos.
- Migra un componente y compara antes de extender el cambio.
Preguntas frecuentes
¿Bootstrap 3 deja de funcionar por ser antiguo?
No de inmediato, pero ya no recibe la evolución de versiones actuales y sus dependencias pueden acumular problemas. Debe evaluarse dentro del sistema completo.
¿Puedo mezclar Glyphicons con Bootstrap 5?
No vienen incluidos. Tendrías que conservar la fuente y estilos antiguos o migrar los iconos conscientemente.
Referencias y revisión
Contenido contrastado con documentación oficial. Comprueba siempre el comportamiento en un entorno de pruebas antes de desplegar cambios.