Navigateurs et appareils
Découvrez les navigateurs et les appareils, des plus modernes aux plus anciens, pris en charge par Bootstrap, y compris les bizarreries et les bogues connus pour chacun.
Navigateurs pris en charge
Bootstrap prend en charge les dernières versions stables de tous les principaux navigateurs et plates-formes.
Les navigateurs alternatifs qui utilisent la dernière version de WebKit, Blink ou Gecko, que ce soit directement ou via l'API d'affichage Web de la plate-forme, ne sont pas explicitement pris en charge. Cependant, Bootstrap devrait (dans la plupart des cas) s'afficher et fonctionner correctement dans ces navigateurs également. Des informations d'assistance plus spécifiques sont fournies ci-dessous.
Vous pouvez trouver notre gamme de navigateurs pris en charge et leurs versions dans notre fichier .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
Nous utilisons Autoprefixer pour gérer la prise en charge prévue du navigateur via les préfixes CSS, qui utilisent Browserslist pour gérer ces versions de navigateur. Consultez leur documentation pour savoir comment intégrer ces outils dans vos projets.
Appareils mobiles
Généralement, Bootstrap prend en charge les dernières versions des navigateurs par défaut de chaque plate-forme principale. Notez que les navigateurs proxy (tels que Opera Mini, le mode Turbo d'Opera Mobile, UC Browser Mini, Amazon Silk) ne sont pas pris en charge.
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | Supporté | Supporté | — | v6.0+ |
| iOS | Supporté | Supporté | Supporté | — |
Navigateur de bureau
De même, les dernières versions de la plupart des navigateurs de bureau sont prises en charge.
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | Supporté | Supporté | Supporté | Supporté | Supporté |
| Windows | Supporté | Supporté | Supporté | Supporté | — |
For Firefox, in addition to the latest normal stable release, we also support the latest Extended Support Release (ESR) version of Firefox.
Officieusement, Bootstrap devrait avoir une apparence et un comportement suffisants dans Chromium et Chrome pour Linux, et Firefox pour Linux, bien qu'ils ne soient pas officiellement pris en charge.
Internet Explorer
Internet Explorer n'est pas pris en charge. Si vous avez besoin de la prise en charge d'Internet Explorer, veuillez utiliser Bootstrap v4.
Modals et listes déroulantes sur mobile
Débordement et défilement
La prise en charge de overflow : hidden ; sur l'élément <body> est assez limitée dans iOS et Android. À cette fin, lorsque vous faites défiler le haut ou le bas d'une fenêtre modale dans l'un des navigateurs de ces appareils, le contenu <body> commence à défiler. Voir Bogue Chrome #175502 (corrigé dans Chrome v40) et Bogue WebKit #153852.
À partir d'iOS 9.2, lorsqu'une fenêtre modale est ouverte, si le toucher initial d'un geste de défilement se situe dans les limites d'un texte <input> ou d'un <textarea>, le contenu <body> sous le modal défilera au lieu du modal lui-même. Voir le bogue WebKit #153856.
Listes déroulantes de la barre de navigation
L'élément .dropdown-backdrop n'est pas utilisé sur iOS dans la navigation en raison de la complexité de l'indexation z. Ainsi, pour fermer les listes déroulantes dans les barres de navigation, vous devez directement cliquer sur l'élément déroulant (ou tout autre élément qui déclenchera un événement de clic dans iOS).
Zoom du navigateur
Le zoom de page présente inévitablement des artefacts de rendu dans certains composants, à la fois dans Bootstrap et dans le reste du Web. Selon le problème, nous pourrons peut-être le résoudre (recherchez d'abord, puis ouvrez un problème si nécessaire). Cependant, nous avons tendance à les ignorer car ils n'ont souvent pas de solution directe autre que des solutions de contournement.
Validateurs
Afin de fournir la meilleure expérience possible aux navigateurs anciens et bogués, Bootstrap utilise des hacks de navigateur CSS à plusieurs endroits pour cibler des CSS spéciaux sur certains versions de navigateur afin de contourner les bogues dans les navigateurs eux-mêmes. Ces hacks amènent naturellement les validateurs CSS à se plaindre qu'ils ne sont pas valides. À quelques endroits, nous utilisons également des fonctionnalités CSS de pointe qui ne sont pas encore entièrement normalisées, mais elles sont utilisées uniquement à des fins d'amélioration progressive.
Ces avertissements de validation n'ont pas d'importance dans la pratique puisque la partie non-hacky de notre CSS est entièrement validée et que les parties hacky n'interfèrent pas avec le bon fonctionnement de la partie non-hacky, d'où la raison pour laquelle nous ignorons délibérément ces éléments particuliers. avertissements.
Nos documents HTML contiennent également des avertissements de validation HTML triviaux et sans conséquence en raison de l'inclusion d'une solution de contournement pour un certain Firefox bogue.