Su'esu'e ma masini
A'oa'o e uiga i su'esu'ega ma masini, mai fa'aonaponei e o'o i le tuai, o lo'o lagolagoina e Bootstrap, e aofia ai quirks ma bugs mo ta'itasi.
Su'esu'ega lagolago
E lagolagoina e Bootstrap fa'asalalauga fou ma mautu o su'esu'ega tetele uma ma fa'avae.
O isi su'esu'ega o lo'o fa'aogaina le WebKit, Blink, po'o Gecko, pe tu'u sa'o po'o ala i luga ole laiga ole upegatafa'ilagi API, e le o lagolagoina manino. Ae ui i lea, Bootstrap e tatau (i le tele o tulaga) faʻaalia ma galue saʻo i nei suʻesuʻega. O fa'amatalaga lagolago fa'apitoa o lo'o tu'uina atu i lalo.
E mafai ona e mauaina le tele o su'esu'ega lagolago ma a latou fa'aliliuga i la matou.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
Matou te fa'aogaina le Autoprefixer e fa'atautaia ai le lagolago mo su'esu'ega e ala ile CSS prefix, lea e fa'aogaina ai le Browserslist e fa'atautaia ai nei su'esu'ega. Fa'afeso'ota'i a latou fa'amaumauga mo le tu'ufa'atasia o nei mea faigaluega i au galuega.
Masini feaveai
I le tulaga masani, e lagolagoina e Bootstrap lomiga fou o su'esu'ega fa'aletonu ta'itasi. Manatua o su'esu'ega sui (pei o le Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) e le lagolagoina.
Chrome | Firefox | Safari | Android Su'esu'e ma WebView | |
---|---|---|---|---|
Android | Lagolagoina | Lagolagoina | — | v6.0+ |
iOS | Lagolagoina | Lagolagoina | Lagolagoina | — |
Su'esu'ega Desktop
E fa'apena fo'i, o lo'o lagolagoina fo'i fa'amatalaga lata mai o le tele o su'esu'ega o le desktop.
Chrome | Firefox | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|
Mac | Lagolagoina | Lagolagoina | Lagolagoina | Lagolagoina | Lagolagoina |
Pupuni | Lagolagoina | Lagolagoina | Lagolagoina | Lagolagoina | — |
Mo Firefox, fa'aopoopo i le fa'asalalauga fa'amaumau masani, matou te lagolagoina fo'i le fa'amatalaga lata mai o le Extended Support Release (ESR) a Firefox.
E le aloaia, Bootstrap e tatau ona foliga lelei ma amio lelei i Chromium ma Chrome mo Linux, ma Firefox mo Linux, e ui lava e le o lagolagoina aloaia.
Internet Explorer
E le lagolagoina Internet Explorer. Afai e te mana'omia le lagolago a Internet Explorer, fa'amolemole fa'aaoga le Bootstrap v4.
Modal ma fa'alalo i luga ole telefoni feavea'i
Taumasua ma ta'avale
Lagolago mo overflow: hidden;
luga ole <body>
elemene e faʻatapulaʻaina ile iOS ma le Android. I lena tulaga, pe a e taʻavale i tua i luga poʻo le pito i lalo o se auala i soʻo se tasi o na masini suʻesuʻe, o le <body>
a amata ona taʻavale le anotusi. Va'ai Chrome bug #175502 (fa'amau i Chrome v40) ma WebKit bug #153852 .
iOS fanua tusitusiga ma ta'avale
E tusa ai ma le iOS 9.2, a'o tatala se auala, pe afai o le paʻi muamua o se tusi taʻavale o loʻo i totonu o le tuaoi o se tusitusiga <input>
poʻo se <textarea>
, o <body>
mea o loʻo i lalo o le modal o le a taʻavale nai lo le auala lava ia. Va'ai WebKit bug #153856 .
Navbar Dropdowns
E .dropdown-backdrop
le fa'aogaina le elemene ile iOS ile nav ona o le lavelave ole z-indexing. O lea la, ina ia tapunia pa'ū i lalo navbars, e tatau ona e kiliki saʻo le pa'ū elemene elemene (poʻo soʻo se isi elemene e faʻapupulaina ai se kiliki mea na tupu i iOS ).
Su'ega su'esu'e
O le fa'aliga o itulau e mautinoa lava e fa'aalia ai le tu'uina atu o mea taulima i nisi vaega, i totonu o Bootstrap ma isi vaega o le upega tafa'ilagi. Faʻalagolago i le mataupu, atonu e mafai ona matou faʻaleleia (saili muamua ona tatala lea o se mataupu pe a manaʻomia). Ae ui i lea, e masani ona tatou le amanaiaina nei mea ona e masani ona leai ni fofo tuusaʻo e ese mai i le hacky workarounds.
Tagata fa'amaonia
Ina ia mafai ona maua le poto masani sili ona lelei i suʻesuʻega tuai ma taʻavale, e faʻaogaina e Bootstrap hacks suʻesuʻe CSS i le tele o nofoaga e faʻatatau ai le CSS faʻapitoa i nisi o suʻega suʻesuʻe ina ia mafai ai ona faʻaogaina faʻamau i totonu o latou lava suʻesuʻega. O nei hacks ma le malamalama e mafua ai ona faitio tagata faʻamaonia CSS e le aoga. I ni nofoaga se lua, matou te fa'aogaina fo'i vaega CSS e le'i fa'ata'atia atoatoa, ae o lo'o fa'aogaina mo le fa'aleleia atili.
O nei lapataiga faʻamaonia e le afaina i le faʻatinoga talu ai o le vaega e le-hacky o la tatou CSS e faʻamaonia atoatoa ma o vaega hacky e le faʻalavelave i le faʻaogaina lelei o le vaega e le-hacky, o le mea lea tatou te le amanaiaina ai nei lapataiga faapitoa.
O a matou HTML docs foi e iai ni lapataiga faʻamaonia HTML e le taua ma e le taua ona o lo matou faʻaofiina o se fofo mo se pusa Firefox patino .