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.

Sur cette page

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 plateforme, 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 de support plus spécifiques sont fournies ci-dessous.

Vous pouvez trouver notre gamme de navigateurs pris en charge et leurs versions dans notre.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

Nous utilisons Autoprefixer pour gérer la prise en charge prévue du navigateur via les préfixes CSS, qui utilise Browserslist pour gérer ces versions de navigateur. Consultez leur documentation pour savoir comment intégrer ces outils dans vos projets.

Appareils mobiles

De manière générale, Bootstrap prend en charge les dernières versions des navigateurs par défaut de chaque plate-forme majeure. 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	Navigateur Android et WebView
Android	Prise en charge	Prise en charge	—	v6.0+
iOS	Prise en charge	Prise en charge	Prise en charge	—

Navigateurs de bureau

De même, les dernières versions de la plupart des navigateurs de bureau sont prises en charge.

	Chrome	Firefox	Bord Microsoft	Opéra	Safari
Mac	Prise en charge	Prise en charge	Prise en charge	Prise en charge	Prise en charge
les fenêtres	Prise en charge	Prise en charge	Prise en charge	Prise en charge	—

Pour Firefox, en plus de la dernière version stable normale, nous prenons également en charge la dernière version de support étendu (ESR) de 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.

Modaux et listes déroulantes sur mobile

Débordement et défilement

La prise en charge de overflow: hidden;l' <body>élément est assez limitée dans iOS et Android. À cette fin, lorsque vous faites défiler le haut ou le bas d'un modal dans l'un des navigateurs de ces appareils, le <body>contenu commence à défiler. Voir le bogue Chrome #175502 (corrigé dans Chrome v40) et le bogue WebKit #153852 .

Champs de texte iOS et défilement

À partir d'iOS 9.2, lorsqu'un modal est ouvert, si le toucher initial d'un geste de défilement se situe dans les limites d'un textuel <input>ou d'un <textarea>, le <body>contenu sous le modal défilera au lieu du modal lui-même. Voir le bogue WebKit #153856 .

L' .dropdown-backdropélément 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 cliquer directement sur l'élément déroulant (ou tout autre élément qui déclenchera un événement click 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 hacky.

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 certaines 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. Dans 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 pour une amélioration progressive.

Ces avertissements de validation n'ont pas d'importance dans la pratique car la partie non hacky de notre CSS est entièrement validée et 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 avertissements particuliers.

Nos documents HTML contiennent également des avertissements de validation HTML triviaux et sans conséquence en raison de notre inclusion d'une solution de contournement pour un certain bogue de Firefox .