Nā polokalamu kele pūnaewele
E aʻo e pili ana i nā mākaʻikaʻi a me nā mea hana, mai kēia manawa a hiki i ka wā kahiko, i kākoʻo ʻia e Bootstrap, me nā quirks a me nā pōpoki i ʻike ʻia no kēlā me kēia.
Nā polokalamu kele pūnaewele i kākoʻo ʻia
Kākoʻo ʻo Bootstrap i nā mea hou a paʻa i hoʻokuʻu ʻia o nā polokalamu kele nui a me nā paepae.
ʻAʻole kākoʻo ʻia nā polokalamu kele pūnaewele ʻē aʻe e hoʻohana ana i ka mana hou loa o WebKit, Blink, a i ʻole Gecko, inā pololei a ma o ka API ʻike pūnaewele o ka platform. Eia naʻe, pono ʻo Bootstrap (i ka hapanui o nā hihia) e hōʻike a hana pololei i kēia mau polokalamu kele pūnaewele. Hāʻawi ʻia nā ʻike kākoʻo kikoʻī hou aʻe ma lalo nei.
Hiki iā ʻoe ke loaʻa i kā mākou mau polokalamu kele pūnaewele i kākoʻo ʻia a me kā lākou mau mana ma kā mākou.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
Hoʻohana mākou i ka Autoprefixer e mālama i ke kākoʻo polokalamu kele pūnaewele i manaʻo ʻia ma o nā prefix CSS, nāna e hoʻohana i ka Browserslist e hoʻokele i kēia mau mana polokalamu kele pūnaewele. E nānā i kā lākou palapala no ka hoʻohui ʻana i kēia mau mea hana i kāu mau papahana.
Nā polokalamu kelepona
Ma ka ʻōlelo maʻamau, kākoʻo ʻo Bootstrap i nā mana hou loa o kēlā me kēia pūnaewele paʻamau. E ʻike ʻaʻole kākoʻo ʻia nā polokalamu kele pūnaewele (e like me Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk).
Chrome | Firefox | Safari | Kelepona Android & Nānā Pūnaewele | |
---|---|---|---|---|
Android | Kākoʻo ʻia | Kākoʻo ʻia | — | v6.0+ |
IOS | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia | — |
Nā polokalamu kele papapihi
Pēlā nō, kākoʻo ʻia nā mana hou loa o ka hapa nui o nā polokalamu kele pūnaewele.
Chrome | Firefox | Microsoft Edge | ʻOpera | Safari | |
---|---|---|---|---|---|
ʻO Mac | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia |
Windows | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia | Kākoʻo ʻia | — |
No Firefox, ma waho aʻe o ka hoʻokuʻu kūpaʻa maʻamau hou loa, kākoʻo pū mākou i ka mana Extended Support Release (ESR) hou loa o Firefox.
ʻAʻole pono, pono e nānā a hana maikaʻi ʻo Bootstrap ma Chromium a me Chrome no Linux, a me Firefox no Linux, ʻoiai ʻaʻole lākou i kākoʻo ʻia.
Internet Explorer
ʻAʻole kākoʻo ʻia ʻo Internet Explorer. Inā makemake ʻoe i ke kākoʻo Internet Explorer, e ʻoluʻolu e hoʻohana iā Bootstrap v4.
Nā mods a me nā hāʻule iho ma ke kelepona paʻalima
Ka nui a me ka owili
Ua kaupalena ʻia ke kākoʻo no overflow: hidden;
ka <body>
mea ma IOS a me Android. I kēlā hopena, ke hele ʻoe ma mua o ka luna a i ʻole ka lalo o kahi modal ma kekahi o nā polokalamu kele pūnaewele, <body>
e hoʻomaka ana ka ʻike e ʻōwili. E ʻike iā Chrome bug #175502 (paʻa ma Chrome v40) a me WebKit bug #153852 .
Nā kahua kikokikona iOS a me ka ʻōwili
E like me ka iOS 9.2, ʻoiai e wehe ʻia ana kahi modal, inā ʻo ka pa mua ʻana o kahi ʻōkuhi ʻōwili i loko o ka palena o kahi kikokikona <input>
a i ʻole kahi <textarea>
, <body>
e ʻōwili ʻia ka ʻike ma lalo o ka modal ma kahi o ka modal ponoʻī. E ʻike i ka hewa WebKit #153856 .
Navbar Dropdowns
ʻAʻole .dropdown-backdrop
hoʻohana ʻia ka mea ma iOS ma ka nav no ka paʻakikī o ka z-indexing. No laila, e pani i nā hāʻule i nā navbars, pono ʻoe e kaomi pololei i ka mea hāʻule i lalo (a i ʻole kekahi mea ʻē aʻe e puhi i kahi hanana kaomi ma iOS ).
Hoʻonui ʻia ka polokalamu kele pūnaewele
ʻO ka hoʻonui ʻana i ka ʻaoʻao e hōʻike ana i ka hoʻolilo ʻana i nā mea kiʻi i kekahi mau mea, ma Bootstrap a me ke koena o ka pūnaewele. Ma muli o ka pilikia, hiki iā mākou ke hoʻoponopono (e huli mua a wehe i kahi pilikia inā pono). Eia nō naʻe, maʻa mākou e haʻalele i kēia mau mea no ka mea ʻaʻohe o lākou hopena pololei ma mua o nā workarounds hacky.
Nā mea hōʻoia
No ka hāʻawi ʻana i ka ʻike maikaʻi loa i nā mea hoʻokele kahiko a me nā kaʻa, hoʻohana ʻo Bootstrap i nā hack browser CSS ma nā wahi he nui e hoʻopaʻa i ka CSS kūikawā i kekahi mau polokalamu kele pūnaewele i mea e hana ai i nā pōpoki i loko o nā polokalamu kele pūnaewele ponoʻī. Hoʻomaopopo kēia mau hacks i ka hoʻopiʻi ʻana o nā mea hōʻoia CSS no ka hewa ʻole. Ma nā wahi ʻelua, hoʻohana pū mākou i nā hiʻohiʻona CSS bleeding-edge ʻaʻole i hoʻohālikelike piha ʻia, akā hoʻohana wale ʻia kēia mau mea no ka holomua holomua.
ʻAʻole pili kēia mau ʻōlelo hōʻoia i ka hoʻomaʻamaʻa ʻana no ka mea ua hōʻoia piha ka ʻāpana non-hacky o kā mākou CSS a ʻaʻole keʻakeʻa nā ʻāpana hacky i ka hana kūpono o ka ʻāpana non-hacky, no laila ke kumu mākou e haʻalele ʻole ai i kēia mau ʻōlelo aʻo.
Loaʻa i kā mākou mau palapala HTML kekahi mau ʻōlelo hōʻoia HTML koʻikoʻi ma muli o kā mākou hoʻokomo ʻana i kahi hoʻoponopono no kekahi bug Firefox .