Browser e dispositivi

Scopri i browser e i dispositivi, dai moderni ai vecchi, supportati da Bootstrap, inclusi bug e stranezze noti per ciascuno.

Su questa pagina

Browser supportati

Bootstrap supporta le ultime versioni stabili di tutti i principali browser e piattaforme.

I browser alternativi che utilizzano l'ultima versione di WebKit, Blink o Gecko, direttamente o tramite l'API di visualizzazione Web della piattaforma, non sono esplicitamente supportati. Tuttavia, Bootstrap dovrebbe (nella maggior parte dei casi) essere visualizzato e funzionare correttamente anche in questi browser. Di seguito sono fornite informazioni di supporto più specifiche.

Puoi trovare la nostra gamma di browser supportati e le loro versioni nel nostro.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

Utilizziamo il prefisso automatico per gestire il supporto del browser previsto tramite i prefissi CSS, che utilizza Browserslist per gestire queste versioni del browser. Consulta la loro documentazione per come integrare questi strumenti nei tuoi progetti.

Dispositivi mobili

In generale, Bootstrap supporta le ultime versioni dei browser predefiniti di ciascuna delle principali piattaforme. Tieni presente che i browser proxy (come Opera Mini, la modalità Turbo di Opera Mobile, UC Browser Mini, Amazon Silk) non sono supportati.

	Cromo	Firefox	Safari	Browser Android e visualizzazione Web
Androide	Supportato	Supportato	—	v6.0+
iOS	Supportato	Supportato	Supportato	—

Browser desktop

Allo stesso modo, sono supportate le ultime versioni della maggior parte dei browser desktop.

	Cromo	Firefox	Microsoft Edge	musica lirica	Safari
Mac	Supportato	Supportato	Supportato	Supportato	Supportato
finestre	Supportato	Supportato	Supportato	Supportato	—

Per Firefox, oltre all'ultima versione stabile normale, supportiamo anche l'ultima versione Extended Support Release (ESR) di Firefox.

Ufficiosamente, Bootstrap dovrebbe apparire e comportarsi abbastanza bene in Chromium e Chrome per Linux e Firefox per Linux, sebbene non siano ufficialmente supportati.

Internet Explorer

Internet Explorer non è supportato. Se hai bisogno del supporto di Internet Explorer, usa Bootstrap v4.

Modali e menu a discesa su dispositivi mobili

Overflow e scorrimento

Il supporto per overflow: hidden;l' <body>elemento è piuttosto limitato in iOS e Android. A tal fine, quando scorri oltre la parte superiore o inferiore di una modale in uno dei browser di questi dispositivi, il <body>contenuto inizierà a scorrere. Vedi il bug di Chrome n. 175502 (risolto in Chrome v40) e il bug di WebKit n. 153852 .

Campi di testo iOS e scorrimento

A partire da iOS 9.2, mentre un modale è aperto, se il tocco iniziale di un gesto di scorrimento è all'interno del confine di un testo <input>o di un <textarea>, il <body>contenuto sotto il modale verrà fatto scorrere invece del modale stesso. Vedere il bug di WebKit n. 153856 .

L' .dropdown-backdropelemento non viene utilizzato in iOS nella navigazione a causa della complessità dell'indicizzazione z. Pertanto, per chiudere i menu a discesa nelle barre di navigazione, è necessario fare clic direttamente sull'elemento a discesa (o su qualsiasi altro elemento che attiverà un evento click in iOS ).

Zoom del browser

Lo zoom della pagina presenta inevitabilmente artefatti di rendering in alcuni componenti, sia in Bootstrap che nel resto del web. A seconda del problema, potremmo essere in grado di risolverlo (cerca prima e poi apri un problema, se necessario). Tuttavia, tendiamo a ignorarli poiché spesso non hanno una soluzione diretta diversa da soluzioni alternative hacky.

Validatori

Al fine di fornire la migliore esperienza possibile a browser vecchi e con bug, Bootstrap utilizza hack del browser CSS in diversi punti per indirizzare CSS speciali a determinate versioni del browser al fine di aggirare i bug nei browser stessi. Questi hack comprensibilmente fanno sì che i validatori CSS si lamentino di non essere validi. In un paio di punti, utilizziamo anche funzionalità CSS all'avanguardia che non sono ancora completamente standardizzate, ma vengono utilizzate esclusivamente per il miglioramento progressivo.

Questi avvisi di convalida non contano in pratica poiché la parte non hackerata del nostro CSS si convalida completamente e le parti non modificate non interferiscono con il corretto funzionamento della parte non hackerata, quindi perché ignoriamo deliberatamente questi particolari avvisi.

Anche i nostri documenti HTML contengono alcuni avvisi di convalida HTML banali e irrilevanti a causa della nostra inclusione di una soluzione alternativa per un determinato bug di Firefox .