Brauserid ja seadmed
Lugege Bootstrapi toetatud brauserite ja seadmete kohta (kaasaegne ja vanani), sealhulgas kõigi teadaolevate veidruste ja vigade kohta.
Bootstrap toetab kõigi suuremate brauserite ja platvormide uusimaid ja stabiilseid väljalaseid . Windowsis toetame Internet Explorer 10–11 / Microsoft Edge .
Alternatiivseid brausereid, mis kasutavad WebKiti, Blinki või Gecko uusimat versiooni kas otse või platvormi veebivaate API kaudu, ei toetata. Kuid Bootstrap peaks (enamikul juhtudel) kuvama ja toimima õigesti ka nendes brauserites. Täpsem tugiteave on toodud allpool.
Üldiselt toetab Bootstrap iga suurema platvormi vaikebrauserite uusimaid versioone. Pange tähele, et puhverserveri brausereid (nt Opera Mini, Opera Mobile'i Turbo režiim, UC Browser Mini, Amazon Silk) ei toetata.
| Chrome | Firefox | Safari | Androidi brauser ja WebView | Microsoft Edge | |
|---|---|---|---|---|---|
| Android | Toetatud | Toetatud | Ei kehti | Toetatud Android v5.0+ | Toetatud |
| iOS | Toetatud | Toetatud | Toetatud | Ei kehti | Toetatud |
| Windows 10 Mobile | Ei kehti | Ei kehti | Ei kehti | Ei kehti | Toetatud |
Samamoodi toetatakse enamiku lauaarvuti brauserite uusimaid versioone.
| Chrome | Firefox | Internet Explorer | Microsoft Edge | Ooper | Safari | |
|---|---|---|---|---|---|---|
| Mac | Toetatud | Toetatud | Ei kehti | Ei kehti | Toetatud | Toetatud |
| Windows | Toetatud | Toetatud | Toetatud, IE10+ | Toetatud | Toetatud | Ei toetata |
Firefoxi puhul toetame lisaks uusimale tavalisele stabiilsele versioonile ka Firefoxi uusimat laiendatud toe väljalaske (ESR) versiooni.
Mitteametlikult peaks Bootstrap Chromiumis ja Chrome'is Linuxile, Firefoxis Linuxile ja Internet Explorer 9-s piisavalt hästi välja nägema ja käituma, kuigi neid ametlikult ei toetata.
Mõne brauseri vigade loendi vaatamiseks, millega Bootstrap peab võitlema, vaadake meie brauseri vigade seina .
Toetatud on Internet Explorer 10+; IE9 ja allapoole ei ole. Pidage meeles, et IE10 ei toeta teatud CSS3 atribuute ja HTML5 elemente täielikult või vajavad täielikuks funktsionaalsuseks eesliidet. CSS3 ja HTML5 funktsioonide brauseri toe kohta lisateabe saamiseks külastage lehte Kas ma saan kasutada… .
Kui vajate IE8-9 tuge, kasutage Bootstrap 3. See on meie koodi kõige stabiilsem versioon ja meie meeskond toetab seda endiselt kriitiliste veaparanduste ja dokumentatsiooni muutmise jaoks. Kuid uusi funktsioone sellele ei lisata.
Elemendi tugi overflow: hidden;on <body>iOS-is ja Androidis üsna piiratud. <body>Sel eesmärgil hakkab sisu kerima, kui kerite mõlema seadme brauseris modaali üla- või alaosast mööda . Vaadake Chrome'i viga nr 175502 (parandatud versioonis Chrome v40) ja WebKiti viga nr 153852 .
<input>Alates iOS 9.2-st, kui modaal on avatud, siis kui kerimisliigutuse esmane puudutus jääb teksti või i piiridesse, keritakse modaali enda asemel modaali all olevat sisu <textarea>. <body>Vaadake WebKiti viga nr 153856 .
Seda .dropdown-backdropelementi ei kasutata iOS-i navigeerimisrežiimis z-indekseerimise keerukuse tõttu. Seega peate navigeerimisribade rippmenüüde sulgemiseks klõpsama otse rippmenüü elemendil (või mis tahes muul elemendil, mis käivitab iOS-is klikisündmuse ).
Lehekülje suumimisel esineb nii Bootstrapis kui ka ülejäänud veebis paratamatult mõnes komponendis renderdusartefakte. Olenevalt probleemist saame selle võib-olla parandada (esmalt otsige ja seejärel vajadusel avage probleem). Siiski kipume neid ignoreerima, kuna neil pole sageli muud otsest lahendust kui häkkivad lahendused.
Kuigi :hoverenamiku puutetundlike seadmete puhul pole see võimalik, emuleerib iOS seda käitumist, mille tulemuseks on "kleepuvad" hõljutusstiilid, mis püsivad pärast ühe elemendi puudutamist. Need hõljutusstiilid eemaldatakse ainult siis, kui kasutajad puudutavad mõnda muud elementi. Seda käitumist peetakse suures osas ebasoovitavaks ja see ei tundu olevat probleem Androidi ega Windowsi seadmetes.
Kõigile meie v4 alfa- ja beetaversioonidele lisasime mittetäieliku ja kommenteeritud koodi, et valida meediumipäringu sihver, mis keelaks hõljumise stiilid puuteseadmete brauserites, mis emuleerivad hõljumist. See töö ei olnud kunagi täielikult lõpule viidud ega lubatud, kuid täieliku purunemise vältimiseks oleme otsustanud selle aluse tühistada ja jätta segud pseudoklasside otseteedeks.
Isegi mõnes kaasaegses brauseris võib printimine olla omapärane.
Alates Safari v8.0-st võib fikseeritud laiusega .containerklassi kasutamine põhjustada selle, et Safari kasutab printimisel ebatavaliselt väikest kirjasuurust. Lisateabe saamiseks vaadake numbrit 14868 ja WebKiti viga nr 138192 . Üks võimalik lahendus on järgmine CSS:
@media print {
.container {
width: auto;
}
}Karbist väljas on Android 4.1 (ja ilmselt isegi mõned uuemad väljaanded) koos brauserirakendusega, mis on valitud vaikeveebibrauser (erinevalt Chrome'ist). Kahjuks on brauserirakendusel üldiselt CSS-iga palju vigu ja ebakõlasid.
<select>Elementide puhul ei kuva Androidi aktsiabrauser külgmisi juhtnuppe, kui need on ja border-radius/või borderrakendatud. (Lisateavet leiate sellest StackOverflow küsimusest .) Kasutage allolevat koodilõiku, et eemaldada rikkuv CSS ja renderdada <select>Androidi aktsiabrauseris stiilita elemendina. Kasutajaagendi nuusutamine väldib häireid Chrome'i, Safari ja Mozilla brauserites.
<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>Kas soovite näidet näha? Vaadake seda JS Bin'i demot.
In order to provide the best possible experience to old and buggy browsers, Bootstrap uses CSS browser hacks in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves. These hacks understandably cause CSS validators to complain that they are invalid. In a couple places, we also use bleeding-edge CSS features that aren’t yet fully standardized, but these are used purely for progressive enhancement.
These validation warnings don’t matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don’t interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.
Meie HTML-dokumentidel on samuti mõned triviaalsed ja ebaolulised HTML-i valideerimise hoiatused, kuna oleme kaasanud lahenduse teatud Firefoxi veale .