navegadores y dispositivos
Obtenga información sobre los navegadores y dispositivos, desde modernos hasta antiguos, que son compatibles con Bootstrap, incluidas las peculiaridades y los errores conocidos de cada uno.
Navegadores compatibles
Bootstrap es compatible con las últimas versiones estables de todos los principales navegadores y plataformas.
Los navegadores alternativos que utilizan la última versión de WebKit, Blink o Gecko, ya sea directamente o mediante la API de vista web 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 soporte más específica.
Puede encontrar nuestra gama de navegadores admitidos y sus versiones en nuestro.browserslistrc file :
# 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
Usamos Autoprefixer para manejar la compatibilidad prevista del navegador a través de prefijos CSS, que usa Browserslist para administrar estas versiones del navegador. Consulte su documentación para saber cómo integrar estas herramientas en sus proyectos.
Dispositivos móviles
En términos generales, Bootstrap admite las últimas versiones de los navegadores predeterminados de cada plataforma principal. Tenga en cuenta que los navegadores proxy (como Opera Mini, el modo Turbo de Opera Mobile, UC Browser Mini, Amazon Silk) no son compatibles.
| Cromo | Firefox | Safari | Navegador de Android y WebView | |
|---|---|---|---|---|
| Androide | Soportado | Soportado | — | v6.0+ |
| iOS | Soportado | Soportado | Soportado | — |
Navegadores de escritorio
Del mismo modo, se admiten las últimas versiones de la mayoría de los navegadores de escritorio.
| Cromo | Firefox | Borde de Microsoft | Ópera | Safari | |
|---|---|---|---|---|---|
| Mac | Soportado | Soportado | Soportado | Soportado | Soportado |
| ventanas | Soportado | Soportado | Soportado | Soportado | — |
Para Firefox, además de la última versión estable normal, también admitimos la última versión de versión de soporte extendido (ESR) de Firefox.
Extraoficialmente, Bootstrap debería verse y comportarse lo suficientemente bien en Chromium y Chrome para Linux y Firefox para Linux, aunque oficialmente no son compatibles.
explorador de Internet
Internet Explorer no es compatible. Si necesita compatibilidad con Internet Explorer, utilice Bootstrap v4.
Modales y menús desplegables en dispositivos móviles
Desbordamiento y desplazamiento
El soporte para overflow: hidden;on the <body>element es bastante limitado en iOS y Android. Con ese fin, cuando se desplaza más allá de la parte superior o inferior de un modal en cualquiera de los navegadores de esos dispositivos, el <body>contenido comenzará a desplazarse. Consulte el error de Chrome n.° 175502 (corregido en Chrome v40) y el error de WebKit n.° 153852 .
Campos de texto 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 texto <input>o un <textarea>, el <body>contenido debajo del modal se desplazará en lugar del propio modal. Consulte el error n.º 153856 de WebKit .
Menús desplegables de la barra de navegación
El .dropdown-backdropelemento no se usa en iOS en la navegación debido a la complejidad de la indexación z. Por lo tanto, para cerrar los menús desplegables en las barras de navegación, debe hacer clic directamente en el elemento desplegable (o en cualquier otro elemento que active un evento de clic en iOS ).
Zoom del navegador
El zoom de página inevitablemente presenta artefactos de representación en algunos componentes, tanto en Bootstrap como en el resto de la web. Dependiendo del problema, es posible que podamos solucionarlo (busque primero y luego abra un problema si es necesario). Sin embargo, tendemos a ignorarlos, ya que a menudo no tienen una solución directa más que soluciones alternativas.
Validadores
Con el fin de proporcionar la mejor experiencia posible a los navegadores antiguos y con errores, Bootstrap utiliza hacks de navegador CSS en varios lugares para dirigir CSS especial a ciertas versiones del navegador con el fin de evitar errores en los propios navegadores. Es comprensible que estos hacks hagan que los validadores de CSS se quejen de que no son válidos. En un par de lugares, también utilizamos funciones de CSS de última generación que aún no están completamente estandarizadas, pero se utilizan únicamente para la mejora progresiva.
Estas advertencias de validación no importan en la práctica, ya que la parte no pirateada de nuestro CSS se valida por completo y las porciones pirateadas no interfieren con el funcionamiento adecuado de la porción no pirateada, por lo que ignoramos deliberadamente estas advertencias en particular.
Nuestros documentos HTML también tienen algunas advertencias de validación de HTML triviales e intrascendentes debido a nuestra inclusión de una solución para un cierto error de Firefox .