Webbläsare och enheter
Lär dig mer om webbläsare och enheter, från moderna till gamla, som stöds av Bootstrap, inklusive kända egenheter och buggar för var och en.
Webbläsare som stöds
Bootstrap stöder de senaste, stabila utgåvorna av alla större webbläsare och plattformar.
Alternativa webbläsare som använder den senaste versionen av WebKit, Blink eller Gecko, antingen direkt eller via plattformens webbvy-API, stöds inte uttryckligen. Bootstrap bör dock (i de flesta fall) visa och fungera korrekt även i dessa webbläsare. Mer specifik supportinformation finns nedan.
Du kan hitta vårt utbud av webbläsare som stöds och deras versioner i vår.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
Vi använder Autoprefixer för att hantera avsett webbläsarstöd via CSS-prefix, som använder Browserslist för att hantera dessa webbläsarversioner. Se deras dokumentation för hur du integrerar dessa verktyg i dina projekt.
Mobil enheter
Generellt sett stöder Bootstrap de senaste versionerna av varje större plattforms standardwebbläsare. Observera att proxywebbläsare (som Opera Mini, Opera Mobiles Turbo-läge, UC Browser Mini, Amazon Silk) inte stöds.
Krom | Firefox | Safari | Android webbläsare & WebView | |
---|---|---|---|---|
Android | Stöds | Stöds | — | v6.0+ |
iOS | Stöds | Stöds | Stöds | — |
Desktop webbläsare
På samma sätt stöds de senaste versionerna av de flesta stationära webbläsare.
Krom | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Stöds | Stöds | Stöds | Stöds | Stöds |
Windows | Stöds | Stöds | Stöds | Stöds | — |
För Firefox stöder vi, förutom den senaste normala stabila versionen, även den senaste versionen av Firefox (Extended Support Release) (ESR) .
Inofficiellt borde Bootstrap se ut och bete sig tillräckligt bra i Chromium och Chrome för Linux och Firefox för Linux, även om de inte stöds officiellt.
Internet Explorer
Internet Explorer stöds inte. Om du behöver stöd för Internet Explorer, använd Bootstrap v4.
Modals och dropdowns på mobilen
Översvämning och rullning
Stödet för overflow: hidden;
elementet <body>
är ganska begränsat i iOS och Android. För detta ändamål, när du rullar förbi toppen eller botten av en modal i någon av dessa enheters webbläsare, <body>
kommer innehållet att börja rulla. Se Chrome bugg #175502 (fixad i Chrome v40) och WebKit bugg #153852 .
iOS textfält och rullning
Från och med iOS 9.2, medan en modal är öppen, om den första beröringen av en rullningsgest är inom gränsen för en text <input>
eller en <textarea>
, kommer <body>
innehållet under modalen att rullas istället för själva modalen. Se WebKit-fel #153856 .
Navbar rullgardinsmeny
Elementet .dropdown-backdrop
används inte på iOS i nav på grund av komplexiteten i z-indexering. För att stänga rullgardinsmenyn i navigeringsfält måste du alltså direkt klicka på rullgardinselementet (eller något annat element som kommer att utlösa en klickhändelse i iOS ).
Webbläsarzoomning
Sidzoomning presenterar oundvikligen renderingsartefakter i vissa komponenter, både i Bootstrap och resten av webben. Beroende på problemet kan vi kanske åtgärda det (sök först och öppna sedan ett problem om det behövs). Vi tenderar dock att ignorera dessa eftersom de ofta inte har någon direkt lösning förutom hackiga lösningar.
Validatorer
För att ge bästa möjliga upplevelse till gamla och buggiga webbläsare använder Bootstrap CSS-webbläsarhack på flera ställen för att rikta speciell CSS till vissa webbläsarversioner för att komma runt buggar i själva webbläsarna. Dessa hack får förståeligt nog CSS-validerare att klaga på att de är ogiltiga. På ett par ställen använder vi också avancerade CSS-funktioner som ännu inte är helt standardiserade, men dessa används enbart för progressiv förbättring.
Dessa valideringsvarningar spelar ingen roll i praktiken eftersom den icke-hackiga delen av vår CSS valideras fullt ut och de hackiga delarna inte stör den korrekta funktionen av den icke-hackiga delen, varför vi medvetet ignorerar dessa varningar.
Våra HTML-dokument har också några triviala och oviktiga HTML-valideringsvarningar på grund av att vi inkluderade en lösning för en viss Firefox-bugg .