Navegadores y dispositivos
Obtén información sobre los navegadores y dispositivos, desde los modernos hasta los antiguos, compatibles con Bootstrap, incluidos los fallos y errores conocidos de cada uno.
Navegadores compatibles
Bootstrap es compatible con las últimas versiones estables de los principales navegadores y plataformas.
Los navegadores alternativos que utilizan la última versión de WebKit, Blink o Gecko, ya sea directamente o a través de la API web view de la plataforma, no son compatibles explícitamente. Sin embargo, Bootstrap debería (en la mayoría de los casos) mostrarse y funcionar correctamente en estos navegadores también. A continuación se proporciona información de compatibilidad más específica.
Puedes encontrar nuestro rango de navegadores compatibles y sus versiones en nuestro archivo .browserslistrc:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)
Utilizamos Autoprefixer para manejar la compatibilidad prevista del navegador a través de prefijos CSS, el cual utiliza Browserslist para administrar estas versiones del navegador. Consulta su documentación sobre cómo integrar estas herramientas en tus proyectos.
Dispositivos móviles
En términos generales, Bootstrap es compatible con las últimas versiones de los navegadores predeterminados de cada plataforma principal. Ten en cuenta que los navegadores proxy (como Opera Mini, el modo Turbo de Opera Mobile, UC Browser Mini, Amazon Silk) no son compatibles.
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | Compatible | Compatible | — | v6.0+ |
| iOS | Compatible | Compatible | Compatible | — |
Navegadores de escritorio
Del mismo modo, se admiten las últimas versiones de la mayoría de los navegadores de escritorio.
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | Compatible | Compatible | Compatible | Compatible | Compatible |
| Windows | Compatible | Compatible | Compatible | Compatible | — |
Para Firefox, además de la última versión estable normal, también admitimos la última versión Extended Support Release (ESR) de Firefox.
De forma no oficial, Bootstrap debería verse y comportarse lo suficientemente bien en Chromium and Chrome para Linux, y Firefox para Linux, aunque no son compatibles oficialmente.
Internet Explorer
Internet Explorer no es compatible. Si necesitas compatibilidad con Internet Explorer, utiliza Bootstrap v4.
Modales y menús desplegables en móviles
Desbordamiento y desplazamiento
La compatibilidad con overflow: hidden; en el elemento <body> es bastante limitada en iOS y Android. Con ese fin, cuando te desplaces más allá de la parte superior o inferior de un modal en cualquiera de los navegadores de esos dispositivos, el contenido del <body> comenzará a desplazarse. Consulta el error de Chrome n.º 175502 (corregido en Chrome v40) y el error de WebKit n.º 153852.
Campos de texto de iOS y desplazamiento
A partir de iOS 9.2, mientras un modal está abierto, si el toque inicial de un gesto de desplazamiento está dentro de los límites de un <input> de texto o un <textarea>, el contenido del <body> debajo del modal se desplazará en lugar del modal en sí. Consulta el error de WebKit n.º 153856.
Navbar Dropdowns
El elemento .dropdown-backdrop no se usa en iOS en la navegación debido a la complejidad de la indexación Z (z-indexing). Por lo tanto, para cerrar los menús desplegables en las barras de navegación, debes hacer clic directamente en el elemento desplegable (o cualquier otro elemento que active un evento de clic en iOS).
Zoom del navegador
El zoom de la página inevitablemente presenta artefactos de renderizado en algunos componentes, tanto en Bootstrap como en el resto de la web. Según el problema, es posible que podamos solucionarlo (busca primero y luego abre un problema si es necesario). Sin embargo, tendemos a ignorar esto, ya que a menudo no tienen otra solución directa que no sean soluciones alternativas (workarounds) complejas.
Validadores
Para brindar la mejor experiencia posible a los navegadores antiguos y con errores, Bootstrap utiliza trucos de navegador CSS (browser hacks) en varios lugares para dirigir CSS especial a ciertas versiones de navegador a fin de solucionar errores en los propios navegadores. Comprensiblemente, estos trucos hacen que los validadores de CSS se quejen de que no son válidos. En un par de lugares, también utilizamos características CSS de última generación que aún no están completamente estandarizadas, pero se utilizan puramente para la mejora progresiva.
Estas advertencias de validación no importan en la práctica, ya que la parte de nuestro CSS que no tiene trucos se valida por completo y las partes con trucos no interfieren con el correcto funcionamiento de la parte sin trucos, por lo que ignoramos deliberadamente estas advertencias en particular.
Nuestros documentos HTML también tienen algunas advertencias de validación HTML triviales e intrascentes debido a nuestra inclusión de una solución alternativa para cierto error de Firefox.