Pregledači i uređaji
Saznajte više o pretraživačima i uređajima, od modernih do starih, koje podržava Bootstrap, uključujući poznate nedostatke i greške za svaki.
Podržani pretraživači
Bootstrap podržava najnovija, stabilna izdanja svih glavnih pretraživača i platformi.
Alternativni pretraživači koji koriste najnoviju verziju WebKit-a, Blink-a ili Gecko-a, bilo direktno ili preko API-ja za web prikaz platforme, nisu eksplicitno podržani. Međutim, Bootstrap bi (u većini slučajeva) trebao da se prikazuje i ispravno funkcioniše i u ovim pretraživačima. Konkretnije informacije o podršci date su u nastavku.
Naš podržani asortiman pretraživača i njihove verzije možete pronaći u našem.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
Koristimo Autoprefixer za upravljanje predviđenom podrškom pretraživača putem CSS prefiksa, koji koristi Browserslist za upravljanje ovim verzijama pretraživača. Konsultujte njihovu dokumentaciju kako da integrišete ove alate u svoje projekte.
Mobilni uređaji
Uopšteno govoreći, Bootstrap podržava najnovije verzije zadanih pretraživača svake glavne platforme. Imajte na umu da proxy pretraživači (kao što su Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) nisu podržani.
Chrome | Firefox | Safari | Android pretraživač & WebView | |
---|---|---|---|---|
Android | Podržano | Podržano | — | v6.0+ |
iOS | Podržano | Podržano | Podržano | — |
Desktop pretraživači
Slično tome, podržane su najnovije verzije većine desktop pretraživača.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Podržano | Podržano | Podržano | Podržano | Podržano |
Windows | Podržano | Podržano | Podržano | Podržano | — |
Za Firefox, pored najnovijeg normalnog stabilnog izdanja, podržavamo i najnoviju verziju Firefoxa s proširenom podrškom (ESR) .
Nezvanično, Bootstrap bi trebao izgledati i ponašati se dovoljno dobro u Chromiumu i Chromeu za Linux, te Firefoxu za Linux, iako nisu službeno podržani.
Internet Explorer
Internet Explorer nije podržan. Ako vam je potrebna podrška za Internet Explorer, koristite Bootstrap v4.
Modali i padajući meni na mobilnom uređaju
Prelivanje i pomicanje
Podrška za overflow: hidden;
element <body>
je prilično ograničena u iOS-u i Androidu. U tu svrhu, kada skrolujete pored vrha ili dna modalnog u pretraživaču bilo kojeg od tih uređaja, <body>
sadržaj će početi da se pomera. Pogledajte Chrome grešku #175502 (popravljeno u Chromeu v40) i WebKit grešku #153852 .
iOS tekstualna polja i skrolovanje
Od iOS 9.2, dok je modal otvoren, ako je početni dodir pokretom pomicanja unutar granice tekstualnog <input>
ili <textarea>
, <body>
sadržaj ispod modalnog će se pomicati umjesto samog modalnog. Pogledajte WebKit grešku #153856 .
Padajući meni za Navbar
Element .dropdown-backdrop
se ne koristi na iOS-u u navigaciji zbog složenosti z-indeksiranja. Stoga, da biste zatvorili padajuće menije u navigacijskim trakama, morate direktno kliknuti na padajući element (ili bilo koji drugi element koji će pokrenuti događaj klika u iOS-u ).
Zumiranje pretraživača
Zumiranje stranice neizbježno predstavlja artefakte renderiranja u nekim komponentama, kako u Bootstrapu, tako iu ostatku weba. Ovisno o problemu, možda ćemo ga moći riješiti (prvo pretražite, a zatim otvorite problem ako je potrebno). Međutim, mi smo skloni da ih ignorišemo jer često nemaju direktno rešenje osim hakovačkih rešenja.
Validatori
Kako bi pružio najbolje moguće iskustvo starim pretraživačima i pretraživačima s greškama, Bootstrap koristi hakove CSS pretraživača na nekoliko mjesta kako bi ciljao poseban CSS na određene verzije pretraživača kako bi zaobišao greške u samim pretraživačima. Ovi hakovi razumljivo uzrokuju da se CSS validatori žale da su nevažeći. Na nekoliko mjesta koristimo i vrhunske CSS karakteristike koje još nisu u potpunosti standardizirane, ali se koriste isključivo za progresivno poboljšanje.
Ova upozorenja o validaciji nisu bitna u praksi jer dio našeg CSS-a koji nije hakovan u potpunosti potvrđuje valjanost, a dijelovi koji nisu hakovani ne ometaju pravilno funkcioniranje dijela koji nije hakiran, stoga namjerno ignorišemo ova posebna upozorenja.
Naši HTML dokumenti također imaju neka trivijalna i beznačajna upozorenja o validaciji HTML-a zbog toga što smo uključili zaobilazno rješenje za određenu Firefox grešku .