Navegadores y dispositivos
Conoce los navegadores y dispositivos, desde los modernos hasta los antiguos, que son soportados por Bootstrap, incluyendo peculiaridades y bugs conocidos de cada uno.
Navegadores soportados
Bootstrap soporta las últimas versiones estables de todos los principales navegadores y plataformas.
Los navegadores alternativos que usan la última versión de WebKit, Blink o Gecko, ya sea directamente o a través de la API de vista web de la plataforma, no están soportados explícitamente. Sin embargo, Bootstrap debería (en la mayoría de los casos) mostrarse y funcionar correctamente también en estos navegadores. A continuación se proporciona información de soporte más específica.
Puedes encontrar nuestro rango de navegadores soportados 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
Usamos Autoprefixer para gestionar el soporte previsto de navegadores mediante prefijos CSS, el cual usa Browserslist para gestionar estas versiones de navegadores. Consulta su documentación sobre cómo integrar estas herramientas en tus proyectos.
Dispositivos móviles
En general, Bootstrap soporta 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 están soportados.
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | Soportado | Soportado | — | v6.0+ |
| iOS | Soportado | Soportado | Soportado | — |
Navegadores de escritorio
De forma similar, las últimas versiones de la mayoría de los navegadores de escritorio están soportadas.
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | Soportado | Soportado | Soportado | Soportado | Soportado |
| Windows | Soportado | Soportado | Soportado | Soportado | — |
Para Firefox, además de la última versión estable normal, también soportamos la última versión Extended Support Release (ESR) de Firefox.
Oficialmente, Bootstrap debería verse y comportarse bastante bien en Chromium y Chrome para Linux, y Firefox para Linux, aunque no están oficialmente soportados.
Internet Explorer
Internet Explorer no es compatible. Si necesitas soporte para Internet Explorer, usa Bootstrap v4.
Modales y menús desplegables en móvil
Desbordamiento y desplazamiento
El soporte para overflow: hidden; en el elemento <body> es
bastante limitado en iOS y Android. Por ello, cuando te desplazas más allá del principio o final de un modal
en los navegadores de cualquiera de esos dispositivos, el contenido del <body> comenzará a
desplazarse. Consulta Chrome bug
#175502 (corregido en Chrome v40) y WebKit bug
#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 del límite de un <input> textual o un
<textarea>, el contenido del <body> debajo del modal se desplazará en
lugar del propio modal. Ver bug de WebKit
#153856.
Menús desplegables de Navbar
El elemento .dropdown-backdrop no se usa en iOS en la barra de navegación
debido a la complejidad del z-index. Por lo tanto, para cerrar los desplegables en las navbars, debes hacer
clic directamente en el elemento desplegable (o cualquier otro
elemento que dispare un evento click en iOS).
Zoom del navegador
El zoom de página presenta inevitablemente artefactos de renderizado en algunos componentes, tanto en Bootstrap como en el resto de la web. Dependiendo del problema, es posible que podamos solucionarlo (busca primero y luego abre un issue si es necesario). Sin embargo, tendemos a ignorarlos ya que a menudo no tienen una solución directa más que workarounds improvisados.
Validadores
Para ofrecer la mejor experiencia posible a navegadores antiguos y con errores, Bootstrap usa hacks CSS para navegadores en varios lugares para aplicar CSS especial a ciertas versiones de navegadores con el fin de solucionar errores de los propios navegadores. Estos hacks comprensiblemente hacen que los validadores CSS se quejen de que son inválidos. En un par de lugares, también usamos características CSS de vanguardia que aún no están totalmente estandarizadas, pero se usan únicamente para mejora progresiva.
Estas advertencias de validación no importan en la práctica ya que la parte no improvisada de nuestro CSS sí valida completamente y las partes improvisadas no interfieren con el funcionamiento correcto de la parte no improvisada, por eso ignoramos deliberadamente estas advertencias en particular.
Nuestra documentación HTML igualmente tiene algunas advertencias triviales e intrascendentes de validación HTML debido a la inclusión de una solución para un cierto bug de Firefox.