Navegadores e dispositivos
Saiba mais sobre os navegadores e dispositivos, do moderno ao antigo, que são suportados pelo Bootstrap, incluindo peculiaridades e bugs conhecidos para cada um.
Navegadores compatíveis
O Bootstrap suporta as versões mais recentes e estáveis de todos os principais navegadores e plataformas.
Navegadores alternativos que usam a versão mais recente do WebKit, Blink ou Gecko, seja diretamente ou por meio da API de visualização da web da plataforma, não são explicitamente suportados. No entanto, o Bootstrap deve (na maioria dos casos) ser exibido e funcionar corretamente nesses navegadores também. Informações de suporte mais específicas são fornecidas abaixo.
Você pode encontrar nossa gama de navegadores suportados e suas versões em nosso.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
Usamos o Autoprefixer para lidar com o suporte pretendido do navegador por meio de prefixos CSS, que usa o Browserslist para gerenciar essas versões do navegador. Consulte a documentação deles para saber como integrar essas ferramentas em seus projetos.
Dispositivos móveis
De um modo geral, o Bootstrap suporta as versões mais recentes dos navegadores padrão de cada plataforma principal. Observe que os navegadores proxy (como Opera Mini, modo Turbo do Opera Mobile, UC Browser Mini, Amazon Silk) não são suportados.
| cromada | Raposa de fogo | Safári | Navegador Android e WebView | |
|---|---|---|---|---|
| Android | Compatível | Compatível | — | v6.0+ |
| iOS | Compatível | Compatível | Compatível | — |
Navegadores de desktop
Da mesma forma, as versões mais recentes da maioria dos navegadores de desktop são suportadas.
| cromada | Raposa de fogo | Microsoft borda | Ópera | Safári | |
|---|---|---|---|---|---|
| Mac | Compatível | Compatível | Compatível | Compatível | Compatível |
| janelas | Compatível | Compatível | Compatível | Compatível | — |
Para o Firefox, além da versão estável normal mais recente, também oferecemos suporte à versão mais recente do Extended Support Release (ESR) do Firefox.
Não oficialmente, o Bootstrap deve parecer e se comportar bem o suficiente no Chromium e no Chrome para Linux e no Firefox para Linux, embora não sejam oficialmente suportados.
Internet Explorer
O Internet Explorer não é suportado. Se você precisar de suporte ao Internet Explorer, use o Bootstrap v4.
Modais e menus suspensos no celular
Estouro e rolagem
O suporte para overflow: hidden;o <body>elemento é bastante limitado no iOS e no Android. Para esse fim, quando você passar pela parte superior ou inferior de um modal nos navegadores desses dispositivos, o <body>conteúdo começará a rolar. Consulte o bug do Chrome nº 175502 (corrigido no Chrome v40) e o bug do WebKit nº 153852 .
Campos de texto e rolagem do iOS
A partir do iOS 9.2, enquanto um modal estiver aberto, se o toque inicial de um gesto de rolagem estiver dentro do limite de um textual <input>ou um <textarea>, o <body>conteúdo abaixo do modal será rolado em vez do próprio modal. Veja o erro #153856 do WebKit .
Listas suspensas da barra de navegação
O .dropdown-backdropelemento não é usado no iOS na navegação devido à complexidade do z-indexing. Assim, para fechar dropdowns em navbars, você deve clicar diretamente no elemento dropdown (ou qualquer outro elemento que irá disparar um evento click no iOS ).
Zoom do navegador
O zoom de página inevitavelmente apresenta artefatos de renderização em alguns componentes, tanto no Bootstrap quanto no resto da web. Dependendo do problema, podemos corrigi-lo (pesquise primeiro e depois abra um problema, se necessário). No entanto, tendemos a ignorá-los, pois eles geralmente não têm solução direta além de soluções alternativas.
Validadores
Para fornecer a melhor experiência possível para navegadores antigos e com bugs, o Bootstrap usa hacks de navegador CSS em vários lugares para direcionar CSS especial para determinadas versões do navegador, a fim de contornar bugs nos próprios navegadores. Esses hacks, compreensivelmente, fazem com que os validadores de CSS reclamem que são inválidos. Em alguns lugares, também usamos recursos CSS de ponta que ainda não estão totalmente padronizados, mas são usados apenas para aprimoramento progressivo.
Esses avisos de validação não importam na prática, pois a parte não-hacky do nosso CSS é totalmente validada e as partes hacky não interferem no funcionamento adequado da parte não-hacky, por isso ignoramos deliberadamente esses avisos específicos.
Nossos documentos HTML também têm alguns avisos de validação HTML triviais e inconseqüentes devido à nossa inclusão de uma solução alternativa para um determinado bug do Firefox .