Preglednici i uređaji
Saznajte više o preglednicima i uređajima, od modernih do starih, koje podržava Bootstrap, uključujući poznate nedostatke i pogreške za svaki od njih.
Podržani preglednici
Bootstrap podržava najnovija, stabilna izdanja svih glavnih preglednika i platformi.
Alternativni preglednici koji koriste najnoviju verziju WebKita, Blinka ili Gecka, bilo izravno ili putem API-ja za web pregled platforme, nisu izričito podržani. Međutim, Bootstrap bi (u većini slučajeva) trebao ispravno prikazivati i funkcionirati iu ovim preglednicima. Konkretnije informacije o podršci navedene su u nastavku.
Naš podržani raspon preglednika i njihovih verzija 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 rukovanje predviđenom podrškom preglednika putem CSS prefiksa, koji koristi Browserslist za upravljanje ovim verzijama preglednika. Posavjetujte se s njihovom dokumentacijom kako integrirati ove alate u svoje projekte.
Mobilni uredaji
Općenito govoreći, Bootstrap podržava najnovije verzije zadanih preglednika svake glavne platforme. Imajte na umu da proxy preglednici (kao što su Opera Mini, Turbo način rada Opera Mobile, UC Browser Mini, Amazon Silk) nisu podržani.
Krom | Firefox | Safari | Android preglednik i web-prikaz | |
---|---|---|---|---|
Android | Podržano | Podržano | — | v6.0+ |
iOS | Podržano | Podržano | Podržano | — |
Preglednici stolnih računala
Slično tome, podržane su najnovije verzije većine preglednika stolnih računala.
Krom | 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, uz najnovije normalno stabilno izdanje, također podržavamo najnoviju verziju Firefoxa s proširenom podrškom (ESR) .
Neslužbeno, 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 izbornik na mobitelu
Prelijevanje i pomicanje
Podrška za overflow: hidden;
on <body>
element prilično je ograničena u iOS-u i Androidu. U tu svrhu, kada se pomaknete preko vrha ili dna modala u bilo kojem od preglednika tih uređaja, <body>
sadržaj će se početi pomicati. Pogledajte Chrome bug #175502 (ispravljen u Chrome v40) i WebKit bug #153852 .
iOS tekstualna polja i pomicanje
Od iOS-a 9.2, dok je modal otvoren, ako je početni dodir geste pomicanja unutar granice teksta <input>
ili <textarea>
, <body>
sadržaj ispod modala će se pomicati umjesto samog modala. Pogledajte WebKit bug #153856 .
Padajući izbornik navigacijske trake
Element .dropdown-backdrop
se ne koristi na iOS-u u navigaciji zbog složenosti z-indeksiranja. Dakle, da biste zatvorili padajuće izbornike u navigacijskim trakama, morate izravno kliknuti element padajućeg izbornika (ili bilo koji drugi element koji će aktivirati događaj klika u iOS -u ).
Zumiranje preglednika
Zumiranje stranice neizbježno predstavlja artefakte renderiranja u nekim komponentama, kako u Bootstrapu tako i na 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, skloni smo ih ignorirati jer često nemaju izravno rješenje osim hakiranih rješenja.
Validatori
Kako bi pružio najbolje moguće iskustvo starim preglednicima s greškama, Bootstrap koristi hakove CSS preglednika na nekoliko mjesta kako bi ciljao poseban CSS na određene verzije preglednika kako bi zaobišao pogreške u samim preglednicima. Ovi hakovi razumljivo uzrokuju da se CSS validatori žale da su nevažeći. Na nekoliko mjesta također koristimo najnovije CSS značajke koje još nisu u potpunosti standardizirane, ali se koriste isključivo za progresivno poboljšanje.
Ova upozorenja za provjeru valjanosti nisu bitna u praksi budući da nehakirani dio našeg CSS-a u potpunosti provjerava valjanost i hakirani dijelovi ne ometaju ispravno funkcioniranje nehakiranog dijela, stoga namjerno ignoriramo ova posebna upozorenja.
Naši HTML dokumenti također imaju neka trivijalna i beznačajna upozorenja o provjeri valjanosti HTML-a zbog našeg uključivanja rješenja za određenu pogrešku Firefoxa .