Awọn aṣàwákiri ati awọn ẹrọ
Kọ ẹkọ nipa awọn aṣawakiri ati awọn ẹrọ, lati igbalode si atijọ, eyiti Bootstrap ṣe atilẹyin, pẹlu awọn quirks ti a mọ ati awọn idun fun ọkọọkan.
Awọn aṣawakiri atilẹyin
Bootstrap ṣe atilẹyin titun, awọn idasilẹ iduroṣinṣin ti gbogbo awọn aṣawakiri pataki ati awọn iru ẹrọ.
Awọn aṣawakiri omiiran ti o lo ẹya tuntun ti WebKit, Blink, tabi Gecko, boya taara tabi nipasẹ wiwo oju opo wẹẹbu ti Syeed, ko ni atilẹyin ni gbangba. Sibẹsibẹ, Bootstrap yẹ (ni ọpọlọpọ awọn ọran) ṣafihan ati ṣiṣẹ ni deede ni awọn aṣawakiri wọnyi daradara. Alaye atilẹyin pato diẹ sii ti pese ni isalẹ.
O le wa ọpọlọpọ atilẹyin ti awọn aṣawakiri ati awọn ẹya wọn ninu wa.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
A lo Autoprefixer lati mu atilẹyin aṣawakiri ti a pinnu nipasẹ awọn ami-iṣaaju CSS, eyiti o nlo Akojọ Awọn aṣawakiri lati ṣakoso awọn ẹya aṣawakiri wọnyi. Kan si awọn iwe aṣẹ wọn fun bi o ṣe le ṣepọ awọn irinṣẹ wọnyi sinu awọn iṣẹ akanṣe rẹ.
Awọn ẹrọ alagbeka
Ni gbogbogbo, Bootstrap ṣe atilẹyin awọn ẹya tuntun ti awọn aṣawakiri aiyipada ti iru ẹrọ kọọkan. Ṣe akiyesi pe awọn aṣawakiri aṣoju (bii Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) ko ni atilẹyin.
Chrome | Firefox | Safari | Android Browser & WebView | |
---|---|---|---|---|
Android | Atilẹyin | Atilẹyin | - | v6.0+ |
iOS | Atilẹyin | Atilẹyin | Atilẹyin | - |
Awọn aṣawakiri tabili
Bakanna, awọn ẹya tuntun ti ọpọlọpọ awọn aṣawakiri tabili tabili ni atilẹyin.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Atilẹyin | Atilẹyin | Atilẹyin | Atilẹyin | Atilẹyin |
Windows | Atilẹyin | Atilẹyin | Atilẹyin | Atilẹyin | - |
Fun Firefox, ni afikun si itusilẹ iduroṣinṣin deede tuntun, a tun ṣe atilẹyin ẹya Itusilẹ Atilẹyin Afikun tuntun (ESR) ti Firefox.
Laigba aṣẹ, Bootstrap yẹ ki o wo ati huwa daradara ni Chromium ati Chrome fun Lainos, ati Firefox fun Lainos, botilẹjẹpe wọn ko ṣe atilẹyin ni ifowosi.
Internet Explorer
Internet Explorer ko ni atilẹyin. Ti o ba nilo atilẹyin Internet Explorer, jọwọ lo Bootstrap v4.
Modals ati dropdowns lori mobile
Aponsedanu ati yi lọ
Atilẹyin fun overflow: hidden;
nkan <body>
naa jẹ opin ni iOS ati Android. Si ipari yẹn, nigba ti o ba yi lọ kọja oke tabi isalẹ ti modal ninu ọkan ninu awọn aṣawakiri ẹrọ wọnyẹn, <body>
akoonu yoo bẹrẹ lati yi lọ. Wo Bug Chrome #175502 (ti o wa titi ni Chrome v40) ati Bug WebKit #153852 .
Awọn aaye ọrọ iOS ati yiyi
Bi ti iOS 9.2, lakoko ti modal wa ni sisi, ti ifọwọkan ibẹrẹ ti idari lilọ kiri kan wa laarin aala ti ọrọ <input>
tabi a <textarea>
, <body>
akoonu ti o wa labẹ modal yoo yi lọ dipo modal funrararẹ. Wo Bug WebKit #153856 .
Navbar Dropdowns
Awọn .dropdown-backdrop
ano ti wa ni ko lo lori iOS ni nav nitori awọn complexity ti z-titọka. Nitorinaa, lati pa awọn isọ silẹ ni awọn navbars, o gbọdọ tẹ taara nkan isọ silẹ (tabi eyikeyi nkan miiran eyiti yoo tan iṣẹlẹ tẹ ni iOS ).
Sisun ẹrọ aṣawakiri
Sisun oju-iwe laiseaniani ṣe afihan awọn ohun-iṣere ni diẹ ninu awọn paati, mejeeji ni Bootstrap ati iyoku wẹẹbu. Da lori ọrọ naa, a le ni anfani lati ṣatunṣe (wa akọkọ ati lẹhinna ṣii ọrọ kan ti o ba nilo). Sibẹsibẹ, a ṣọ lati foju awọn wọnyi bi wọn ṣe nigbagbogbo ko ni ojutu taara miiran ju awọn ibi-iṣẹ ti hacky.
Awọn olufọwọsi
Lati le pese iriri ti o dara julọ ti o ṣeeṣe si awọn aṣawakiri atijọ ati buggy, Bootstrap nlo awọn hakii ẹrọ aṣawakiri CSS ni awọn aaye pupọ lati fojusi CSS pataki si awọn ẹya aṣawakiri kan lati le ṣiṣẹ ni ayika awọn idun ninu awọn aṣawakiri funrararẹ. Awọn hakii wọnyi ni oye fa awọn olufọwọsi CSS lati kerora pe wọn ko wulo. Ni awọn aaye tọkọtaya kan, a tun lo awọn ẹya CSS eti-ẹjẹ ti ko tii diwọn ni kikun, ṣugbọn awọn wọnyi ni a lo fun imudara ilọsiwaju.
Awọn ikilọ afọwọsi wọnyi ko ṣe pataki ni iṣe nitori apakan ti kii ṣe hacky ti CSS wa ni ifọwọsi ni kikun ati awọn apakan hacky ko ni dabaru pẹlu iṣẹ ṣiṣe to dara ti apakan ti kii ṣe gige, nitorinaa kilode ti a mọọmọ foju foju kọ awọn ikilọ pato wọnyi.
Awọn iwe aṣẹ HTML wa bakanna ni diẹ ninu awọn ikilọ afọwọsi HTML ti ko ṣe pataki nitori ifisi wa ti ibi-iṣẹ fun kokoro Firefox kan .