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.

On this page

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
not kaios <= 2.5 # fix floating label issues in Firefox (see https://github.com/postcss/autoprefixer/issues/1533)

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 y desplazamiento en iOS

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.

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.