Browsers en apparaten

Lees meer over de browsers en apparaten, van modern tot oud, die door Bootstrap worden ondersteund, inclusief bekende eigenaardigheden en bugs voor elk.

Op deze pagina

Ondersteunde browsers

Bootstrap ondersteunt de nieuwste, stabiele releases van alle belangrijke browsers en platforms.

Alternatieve browsers die de nieuwste versie van WebKit, Blink of Gecko gebruiken, rechtstreeks of via de webview-API van het platform, worden niet expliciet ondersteund. Bootstrap zou echter (in de meeste gevallen) ook in deze browsers correct moeten worden weergegeven en functioneren. Hieronder vindt u meer specifieke ondersteuningsinformatie.

U kunt ons ondersteunde assortiment browsers en hun versies vinden in onze.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

We gebruiken Autoprefixer om de beoogde browserondersteuning af te handelen via CSS-voorvoegsels, die Browserslist gebruiken om deze browserversies te beheren. Raadpleeg hun documentatie voor het integreren van deze tools in uw projecten.

Mobiele toestellen

Over het algemeen ondersteunt Bootstrap de nieuwste versies van de standaardbrowsers van elk belangrijk platform. Merk op dat proxy-browsers (zoals Opera Mini, Opera Mobile's Turbo-modus, UC Browser Mini, Amazon Silk) niet worden ondersteund.

	Chroom	Firefox	Safari	Android-browser en webweergave
Android	Ondersteund	Ondersteund	—	v6.0+
iOS	Ondersteund	Ondersteund	Ondersteund	—

Desktopbrowsers

Evenzo worden de nieuwste versies van de meeste desktopbrowsers ondersteund.

	Chroom	Firefox	Microsoft Edge	Opera	Safari
Mac	Ondersteund	Ondersteund	Ondersteund	Ondersteund	Ondersteund
ramen	Ondersteund	Ondersteund	Ondersteund	Ondersteund	—

Voor Firefox ondersteunen we, naast de nieuwste normale stabiele release, ook de nieuwste Extended Support Release (ESR) -versie van Firefox.

Onofficieel zou Bootstrap er goed genoeg moeten uitzien en zich goed genoeg gedragen in Chromium en Chrome voor Linux en Firefox voor Linux, hoewel ze niet officieel worden ondersteund.

Internet Explorer

Internet Explorer wordt niet ondersteund. Als u Internet Explorer-ondersteuning nodig heeft, gebruik dan Bootstrap v4.

Modals en dropdowns op mobiel

Overlopen en scrollen

Ondersteuning voor overflow: hidden;op het <body>element is vrij beperkt in iOS en Android. Daartoe zal de <body>inhoud beginnen te scrollen wanneer u langs de boven- of onderkant van een modaal blad scrolt in een van de browsers van die apparaten. Zie Chrome-bug #175502 (opgelost in Chrome v40) en WebKit-bug #153852 .

iOS-tekstvelden en scrollen

Vanaf iOS 9.2, terwijl een modaal open is, als de eerste aanraking van een scroll-gebaar binnen de grens van een tekstuele <input>of een <textarea>is, zal de <body>inhoud onder de modal worden gescrolld in plaats van de modal zelf. Zie WebKit-bug #153856 .

Het .dropdown-backdropelement wordt niet gebruikt op iOS in de nav vanwege de complexiteit van z-indexering. Om dropdowns in navigatiebalken te sluiten, moet u dus rechtstreeks op het dropdown-element klikken (of een ander element dat een klikgebeurtenis in iOS activeert ).

Browser zoomen

Zoomen op pagina's leidt onvermijdelijk tot rendering-artefacten in sommige componenten, zowel in Bootstrap als in de rest van het web. Afhankelijk van het probleem kunnen we het mogelijk oplossen (eerst zoeken en indien nodig een probleem openen). We hebben echter de neiging deze te negeren, omdat ze vaak geen directe oplossing hebben behalve hacky-oplossingen.

Validators

Om de best mogelijke ervaring te bieden aan oude browsers en browsers met fouten, gebruikt Bootstrap op verschillende plaatsen CSS-browserhacks om speciale CSS op bepaalde browserversies te richten om bugs in de browsers zelf te omzeilen. Deze hacks zorgen er begrijpelijkerwijs voor dat CSS-validators klagen dat ze ongeldig zijn. Op een paar plaatsen gebruiken we ook geavanceerde CSS-functies die nog niet volledig zijn gestandaardiseerd, maar deze worden puur gebruikt voor progressieve verbetering.

Deze validatiewaarschuwingen doen er in de praktijk niet toe, aangezien het niet-hacky-gedeelte van onze CSS volledig valideert en de hacky-gedeelten de goede werking van het niet-hacky-gedeelte niet verstoren, vandaar dat we deze specifieke waarschuwingen opzettelijk negeren.

Onze HTML-documenten bevatten eveneens enkele triviale en onbeduidende HTML-validatiewaarschuwingen vanwege onze opname van een tijdelijke oplossing voor een bepaalde Firefox-bug .