Navegadors i dispositius
Obteniu informació sobre els navegadors i els dispositius, des dels més moderns fins als antics, que són compatibles amb Bootstrap, incloses les peculiaritats i els errors coneguts de cadascun.
Navegadors compatibles
Bootstrap és compatible amb les versions més recents i estables de tots els navegadors i plataformes principals.
Els navegadors alternatius que utilitzen la darrera versió de WebKit, Blink o Gecko, ja sigui directament o mitjançant l'API de visualització web de la plataforma, no són compatibles explícitament. Tanmateix, Bootstrap també hauria de mostrar-se i funcionar correctament (en la majoria dels casos) en aquests navegadors. A continuació es proporciona informació de suport més específica.
Podeu trobar la nostra gamma de navegadors compatibles i les seves versions al nostre.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
Utilitzem Autoprefixer per gestionar la compatibilitat amb el navegador previst mitjançant prefixos CSS, que utilitza Browserslist per gestionar aquestes versions del navegador. Consulteu la seva documentació per saber com integrar aquestes eines als vostres projectes.
Dispositius mòbils
En termes generals, Bootstrap admet les últimes versions dels navegadors predeterminats de cada plataforma principal. Tingueu en compte que els navegadors intermediaris (com Opera Mini, el mode Turbo d'Opera Mobile, UC Browser Mini, Amazon Silk) no són compatibles.
| Chrome | Firefox | Safari | Navegador Android i WebView | |
|---|---|---|---|---|
| Android | Admet | Admet | — | v6.0+ |
| iOS | Admet | Admet | Admet | — |
Navegadors d'escriptori
De la mateixa manera, s'admeten les últimes versions de la majoria de navegadors d'escriptori.
| Chrome | Firefox | Microsoft Edge | Òpera | Safari | |
|---|---|---|---|---|---|
| Mac | Admet | Admet | Admet | Admet | Admet |
| Windows | Admet | Admet | Admet | Admet | — |
Per al Firefox, a més de l'última versió estable normal, també admetem l'última versió d' Extended Support Release (ESR) de Firefox.
Extraoficialment, Bootstrap hauria de tenir un aspecte i comportar-se prou bé a Chromium i Chrome per a Linux, i Firefox per a Linux, tot i que no són compatibles oficialment.
Internet Explorer
Internet Explorer no és compatible. Si necessiteu suport d'Internet Explorer, utilitzeu Bootstrap v4.
Modals i desplegables al mòbil
Desbordament i desplaçament
El suport per overflow: hidden;a l' <body>element és força limitat a iOS i Android. Amb aquesta finalitat, quan us desplaceu més enllà de la part superior o inferior d'un modal en qualsevol dels navegadors d'aquests dispositius, el <body>contingut començarà a desplaçar-se. Vegeu l'error de Chrome #175502 (solucionat a Chrome v40) i l' error de WebKit #153852 .
Camps de text d'iOS i desplaçament
A partir d'iOS 9.2, mentre un modal està obert, si el toc inicial d'un gest de desplaçament es troba dins del límit d'un text <input>o d'un <textarea>, el <body>contingut que hi ha a sota del modal es desplaçarà en lloc del propi modal. Vegeu l'error de WebKit #153856 .
Menú desplegable de la barra de navegació
L' .dropdown-backdropelement no s'utilitza a iOS al navegador a causa de la complexitat de la indexació z. Així, per tancar els menús desplegables a les barres de navegació, heu de fer clic directament a l'element desplegable (o qualsevol altre element que desencadenarà un esdeveniment de clic a iOS ).
Ampliació del navegador
El zoom de la pàgina presenta inevitablement artefactes de renderització en alguns components, tant a Bootstrap com a la resta del web. Depenent del problema, és possible que puguem solucionar-lo (cerqueu primer i després obriu un problema si cal). Tanmateix, tendim a ignorar-los, ja que sovint no tenen una solució directa que no siguin solucions alternatives.
Validadors
Per tal d'oferir la millor experiència possible als navegadors antics i amb errors, Bootstrap utilitza pirates del navegador CSS en diversos llocs per orientar CSS especials a determinades versions del navegador per evitar errors dels mateixos navegadors. És comprensible que aquests pirates facin que els validadors CSS es queixin que no són vàlids. En un parell de llocs, també utilitzem funcions CSS d'avantguarda que encara no estan totalment estandarditzades, però que s'utilitzen exclusivament per a una millora progressiva.
Aquests avisos de validació no tenen importància a la pràctica, ja que la part no piratejada del nostre CSS es valida completament i les porcions hacky no interfereixen amb el bon funcionament de la part no hacky, per això ignorem deliberadament aquestes advertències particulars.
Els nostres documents HTML també tenen alguns avisos de validació HTML trivials i sense conseqüències a causa de la nostra inclusió d'una solució alternativa per a un determinat error de Firefox .