Navegador ha tembipurukuéra
Eikuaa umi kundahára ha tembipuru, ko’ag̃agua guive itujáva peve, oipytyvõva Bootstrap, oikehápe umi mba’e’oka ojekuaáva ha mba’e’oka peteĩteĩme g̃uarã.
Bootstrap oipytyvõ umi ñeguenohẽ ipyahuvéva, oñemopyendáva opaite kundahára ha plataforma tuichavéva rehegua. Windows-pe, roipytyvõ Internet Explorer 10-11 / Microsoft Edge .
Umi kundahára ambuéva oipurúva WebKit, Blink térã Gecko versión ipyahuvéva, tahaꞌe directamente térã plataforma web jehechauka API rupive, ndojeguerohorýi hesakã porãme. Ha katu, Bootstrap (hetavépe) ohechauka ha ombaꞌapo porãvaꞌerã koꞌã kundahárape avei. Oñeme’ẽve marandu pytyvõrã específicovéva ko’ápe.
Ikatu rejuhu ore rango oipytyvõva navegador ha iversión orepackage.json :
"browserslist": [
"last 1 major version",
">= 1%",
"Chrome >= 45",
"Firefox >= 38",
"Edge >= 12",
"Explorer >= 10",
"iOS >= 9",
"Safari >= 9",
"Android >= 4.4",
"Opera >= 30"
]
Roipuru Autoprefixer roñangareko hag̃ua kundahára pytyvõ oñeha’ãva rehe CSS ñe’ẽpehẽtai rupive, oipurúva Browserslist oisãmbyhy hag̃ua ko’ã kundahára versión. Ehecháke ikuatiakuéra mba’éichapa ikatu embojoaju ko’ã tembipuru ne rembiaporãme.
En general, Bootstrap oipytyvõ umi versión ipyahuvéva peteĩteĩva plataforma tuichavéva navegador por defecto rehegua. Eñamindu’u umi kundahára proxy (ha’eháicha Opera Mini, Opera Mobile Turbo reko, UC Browser Mini, Amazon Silk) ndojeguerohorýi.
| Cromo rehegua | Firefox rehegua | Safari rehegua | Android Navegador & Web jehechaukaha | Microsoft Edge rehegua | |
|---|---|---|---|---|---|
| Android rehegua | Oipytyvõva | Oipytyvõva | N/A rehegua | Android v5.0+ oipytyvõva | Oipytyvõva |
| iOS rehegua | Oipytyvõva | Oipytyvõva | Oipytyvõva | N/A rehegua | Oipytyvõva |
| Windows 10 Móvil rehegua | N/A rehegua | N/A rehegua | N/A rehegua | N/A rehegua | Oipytyvõva |
Upéicha avei, oñepytyvõ umi versión ipyahuvéva hetavéva kundahára escritorio rehegua.
| Cromo rehegua | Firefox rehegua | Internet Explorer rehegua | Microsoft Edge rehegua | Ópera rehegua | Safari rehegua | |
|---|---|---|---|---|---|---|
| Mac rehegua | Oipytyvõva | Oipytyvõva | N/A rehegua | N/A rehegua | Oipytyvõva | Oipytyvõva |
| Umi ventána rehegua | Oipytyvõva | Oipytyvõva | Oipytyvõva, IE10+ | Oipytyvõva | Oipytyvõva | Ndojeguerohorýi |
Firefox-pe g̃uarã, además de la versión estable normal ipyahuvéva, avei roipytyvõ Firefox versión ipyahuvéva Extended Support Release (ESR) .
Oficialmente, Bootstrap ojesareko ha oñekomporta porãvaꞌerã Chromium ha Chrome Linux-pe g̃uarã, Firefox Linux-pe g̃uarã ha Internet Explorer 9-pe, jepémo ndojeguerohorýi oficialmente.
Peteĩ lista umi mba’e’oka kundahára rehegua Bootstrap oguerekóva ombohovái hag̃ua, ehecha ore Pared de bugs navegador rehegua .
Ojeguerohory Internet Explorer 10+ rehegua; IE9 ha oguejy ndaha'éi. Eikuaa porãke oĩha CSS3 mbaꞌekuaarã ha HTML5 mbaꞌekuaarã ndojeguerohorýiva hekopete IE10-pe, térã oikotevẽ mbaꞌekuaarã ñepyrũrã ombaꞌapopaite hag̃ua. Eike Ikatúpa aiporu... reikuaa hag̃ua mba’éichapa oipytyvõ navegador CSS3 ha HTML5 mba’ekuaarã.
Oiméramo reikotevẽ IE8-9 pytyvõ, eipuru Bootstrap 3. Ha’e ore código versión ijyvatevéva ha oipytyvõ gueteri ore equipo-pe umi bugfix crítico ha documentación ñemoambuerã. Péro noñemoĩmoʼãi hese mbaʼeveichagua mbaʼe pyahu.
Soporte para overflow: hidden;en el <body>elemento ha'e bastante limitado iOS ha Android-pe. Upevarã, redesplaza jave ohasávo peteĩ modal yvate térã iguy peteĩva umi tembipuru’i kundahárape, <body>oñepyrũta ojedesplaza pe contenido. Ehecha Chrome mba’e’oka #175502 (oñemyatyrõva Chrome v40-pe) ha WebKit mba’e’oka #153852 .
iOS 9.2 guive, peteĩ modal ojepeꞌa aja, pe toque ñepyrũrã peteĩ gesto de desplazamiento rehegua oĩramo peteĩ textual <input>térã peteĩ rembeꞌe ryepýpe <textarea>, pe <body>contenido oĩva modal guýpe ojedesplazáta pe modal rangue. Ehecha WebKit mba’e’oka #153856 .
Pe .dropdown-backdropelemento ndojeporúi iOS-pe nav-pe pe complejidad orekóvare z-indexing. Péicha, oñemboty hag̃ua umi desplegable umi navbar-pe, eñemboguejyva’erã directamente elemento desplegable-pe (térã oimeraẽ ambue elemento odisparava’erã peteĩ evento clic iOS-pe ).
Pe página zoom opresenta katuete umi artefacto renderización rehegua amo componente-pe, mokõive Bootstrap-pe ha web hembývape. Odepende pe provlémare, ikatu ñamyatyrõ (jaheka raẽ ha upéi jaipeʼa peteĩ provléma tekotevẽramo). Ha katu, jaguereko tendencia ñamboykévo ko’ãva heta jey ndorekóigui solución directa ndaha’éiva umi solución hacky.
:hoverNdaikatúiramo jepe hetavéva tembipuru táctil-pe, iOS oemula ko jepokuaa, osẽva umi estilo hover “pegajoso” opersistiva ojepoko rire peteĩ elemento rehe . Ko’ã estilo hover ojeipe’a umi puruhára opoko jave ambue elemento rehe añoite. Ko jepokuaa ojehecha tuichaháicha ndojeipotaiha ha ojehecha ndaha’eiha peteĩ mba’e’oka Android térã Windows tembipurukuérape.
Ore v4 alfa ha beta ñeguenohẽ pukukue javeve, romoinge código incompleto ha okomentáva ojeporavo haguére peteĩ shim consulta medios rehegua omboykétava umi estilo hover umi navegador dispositivo táctil-pe omoha’angáva hovering. Ko tembiapo araka’eve noñemohu’ãi térã noñemboguataporãi, ha katu ani hag̃ua oñembyaipaite, rodesidi ro’depreca ko calce ha roñongatu umi mixin tape mbyky ramo umi pseudo-clase-pe g̃uarã.
Oĩ navegador moderno-pe jepe, pe impresión ikatu ipy’aguapy.
Safari v8.0 guive, mbo’esyry ancho fijo jepuru .containerikatu ojapo Safari oipuru hag̃ua peteĩ letra michĩ jepivegua’ỹva oñeimprimívo. Ehecha mba’e’oka #14868 ha WebKit mba’e’oka #138192 rehegua reikuaave hag̃ua. Peteĩ tembiaporã ikatúva ojejapo ha’e ko’ãva CSS:
@media print {
.container {
width: auto;
}
}Osẽvo caja-gui, Android 4.1 (ha jepe oĩ umi ñeguenohẽ pyahuvéva ojehechaháicha) oñemondo Navegador purupyrã ndive kundahára web por defecto ojeporavóva ramo (ojoavy Chrome-gui). Ñambyasy, pe Navegador purupyrã oguereko heta mba’e’oka ha ndojoajúiva CSS ndive en general.
Umi <select>elemento rehe, Android stock navegador ndohechaukamo’ãi umi control lateral oĩramo peteĩ border-radiusha/térã borderojeporúva. (Ehecha ko porandu StackOverflow rehegua reikuaa hag̃ua mba’ekuaarã.) Eipuru pe kódigo pehẽngue iguýpe eipe’a hag̃ua CSS ofensivo ha <select>ehechauka pe elemento ndojejapóivaicha Android kundahára stock-pe. Pe puruhára agente ohetũva omboyke jejopy Chrome, Safari ha Mozilla kundahára ndive.
<script>
$(function () {
var nua = navigator.userAgent
var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}
})
</script>¿Rehechasépa peteĩ ehémplo? Ehecháke ko demostración JS Bin rehegua.
Omeꞌe hag̃ua jeikove iporãvéva umi kundahára tuja ha mbaꞌevai rehegua, Bootstrap oipuru CSS kundahára hack heta hendápe ojepytaso hag̃ua CSS especial peteĩ kundahára versión rehe ikatu hag̃uáicha ombaꞌapo umi mbaꞌevai rehe umi kundahárape voi. Ko’ã hack entendiblemente omoheñói umi validador CSS-gua odenunsia haguã ndovaléiha. Peteĩ par hendápe, roipuru avei umi mba’ekuaarã CSS bleeding-edge ne’ĩrava gueteri oñemboheko porãva, ha katu ko’ãva ojepuru puramente oñembotuichave hag̃ua ohóvo.
Ko’ã advertencia validación rehegua noimportái práctica-pe pe porción ndaha’éiva hacky ñande CSS-pegua omoañete guive plenamente ha umi porción hacky ndojokói funcionamiento hekopete porción ndaha’éiva hacky, upégui mba’érepa romboyke deliberadamente ko’ã advertencia particular.
Ore HTML kuatiakuéra avei oguereko peteĩ HTML jegueroviapyrã ñe’ẽñemi mba’e’apo’ỹ ha ndoguerekóiva mba’e’apopyrã romoĩgui peteĩ tembiaporã peteĩ Firefox mba’e’oka rehegua .