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.

I luga o lenei itulau

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 .

E .dropdown-backdrople 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 .