Browser an Apparater
Léiert iwwer d'Browser an Apparater, vu modern bis al, déi vum Bootstrap ënnerstëtzt ginn, dorënner bekannte Quirks a Bugs fir all.
Ënnerstëtzt Browser
Bootstrap ënnerstëtzt déi lescht, stabil Verëffentlechungen vun alle grousse Browser a Plattformen.
Alternativ Browser déi déi lescht Versioun vu WebKit, Blink oder Gecko benotzen, egal ob direkt oder iwwer d'Webview API vun der Plattform, ginn net explizit ënnerstëtzt. Wéi och ëmmer, Bootstrap soll (an de meeschte Fäll) och an dëse Browser korrekt affichéieren a funktionnéieren. Méi spezifesch Ënnerstëtzungsinformatioun gëtt hei ënnen geliwwert.
Dir fannt eis ënnerstëtzt Gamme vu Browser an hir Versiounen an eisem.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
Mir benotzen Autoprefixer fir geplangten Browser-Ënnerstëtzung iwwer CSS Präfixe ze handhaben, déi Browserslist benotzt fir dës Browserversioune ze verwalten. Consultéiert hir Dokumentatioun fir wéi Dir dës Tools an Äre Projeten integréiert.
Mobil Apparater
Allgemeng ënnerstëtzt Bootstrap déi lescht Versioune vun de Standardbrowser vun all grousse Plattform. Bedenkt datt Proxy Browser (wéi Opera Mini, Opera Mobile's Turbo Modus, UC Browser Mini, Amazon Silk) net ënnerstëtzt ginn.
Chrome | Firefox | Safari | Android Browser & WebView | |
---|---|---|---|---|
Android | Ënnerstëtzt | Ënnerstëtzt | - | v6.0+ |
iOS | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | - |
Desktop Browser
Ähnlech ginn déi lescht Versioune vun de meescht Desktop-Browser ënnerstëtzt.
Chrome | Firefox | Microsoft Edge | Oper | Safari | |
---|---|---|---|---|---|
Mac | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt |
Windows | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | Ënnerstëtzt | - |
Fir Firefox, zousätzlech zu der leschter normaler stabiler Verëffentlechung, ënnerstëtzen mir och déi lescht Extended Support Release (ESR) Versioun vu Firefox.
Inoffiziell sollt Bootstrap gutt genuch ausgesinn a behuelen a Chromium a Chrome fir Linux, a Firefox fir Linux, obwuel se net offiziell ënnerstëtzt ginn.
Internet Explorer
Internet Explorer gëtt net ënnerstëtzt. Wann Dir Internet Explorer Ënnerstëtzung braucht, benotzt w.e.g. Bootstrap v4.
Modals an Dropdowns op Handy
Iwwerschwemmung a Scrollen
Ënnerstëtzung fir overflow: hidden;
op d' <body>
Element ass zimlech limitéiert op iOS an Android. Zu dësem Zweck, wann Dir laanscht den Top oder ënnen vun engem Modal an engem vun dësen Apparater Browser scrollt, fänkt den <body>
Inhalt un ze scrollen. Kuckt de Chrome Bug #175502 (fix am Chrome v40) a WebKit Bug #153852 .
iOS Textfelder a Scrollen
Zënter iOS 9.2, wärend e Modal op ass, wann den initialen Touch vun engem Scrollgeste bannent der Grenz vun engem Text <input>
oder engem <textarea>
, gëtt den <body>
Inhalt ënner dem Modal gerullt amplaz vum Modal selwer. Kuckt WebKit Käfer #153856 .
Navbar Dropdowns
D' .dropdown-backdrop
Element gëtt net op iOS am nav benotzt wéinst der Komplexitéit vun der z-Indexéierung. Also, fir Dropdowns an Navbars zouzemaachen, musst Dir direkt op d'Dropdown-Element klickt (oder all aner Element, deen e Klick-Event am iOS brennt ).
Browser zoomen
Säit Zooming präsentéiert zwangsleefeg Rendering Artefakte an e puer Komponenten, souwuel am Bootstrap wéi och am Rescht vum Internet. Ofhängeg vum Problem, kënne mir et vläicht fixéieren (fir d'éischt sichen an dann en Thema opmaachen wann néideg). Wéi och ëmmer, mir tendéieren dës ze ignoréieren well se dacks keng direkt Léisung hunn ausser hacky Léisungen.
Validateuren
Fir déi bescht méiglech Erfahrung fir al a buggy Browser ze bidden, benotzt Bootstrap CSS Browser Hacks op verschiddene Plazen fir speziell CSS op bestëmmte Browser Versiounen ze zielen fir Bugs an de Browser selwer ëmzegoen. Dës Hacks verursaachen verständlech datt CSS Valideuren beschwéieren datt se ongëlteg sinn. Op e puer Plazen benotze mir och bluddeg-Rand CSS Features déi nach net voll standardiséiert sinn, awer dës gi reng fir progressiv Verbesserung benotzt.
Dës Validatiounswarnunge sinn an der Praxis egal well den net-hacky Deel vun eiser CSS voll validéiert an déi hacky Portiounen stéieren net mat der richteger Funktioun vum net-hacky Deel, dofir firwat mir dës speziell Warnungen bewosst ignoréieren.
Eis HTML Dokumenter hunn och e puer trivial an onkonsequent HTML Validatioun Warnungen wéinst eiser Inklusioun vun enger Léisung fir e bestëmmte Firefox Käfer .