Libatli le lisebelisoa
Ithute ka libatli le lisebelisoa, ho tloha mehleng ea kajeno ho isa ho tsa khale, tse tšehetsoang ke Bootstrap, ho kenyeletsoa quirks le liphoso tse tsebahalang bakeng sa e 'ngoe le e 'ngoe.
Libatli tse tšehelitsoeng
Bootstrap e ts'ehetsa likhatiso tsa morao-rao tse tsitsitseng tsa libatli tsohle tse kholo le sethala.
Libatli tse ling tse sebelisang mofuta oa morao-rao oa WebKit, Blink, kapa Gecko, ebang ke ka kotloloho kapa ka mokhoa oa API, ha li tšehetsoe ka ho hlaka. Leha ho le joalo, Bootstrap e lokela (maemong a mangata) ho bonts'a le ho sebetsa ka nepo le ho libatli tsena. Lintlha tse ling tse tobileng tsa tšehetso li fanoe ka tlase.
U ka fumana mefuta ea rona ea libatli tse tšehetsoeng le mefuta ea tsona ho rona.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
Re sebelisa Autoprefixer ho sebetsana le ts'ehetso e reriloeng ea sebatli ka li-prefixes tsa CSS, tse sebelisang Browserslist ho laola mefuta ena ea sebatli. Sheba litokomane tsa bona mabapi le mokhoa oa ho kenyelletsa lisebelisoa tsena mererong ea hau.
Lisebelisoa tsa mohala
Ka kakaretso, Bootstrap e ts'ehetsa mefuta ea morao-rao ea sebatli se seng le se seng se seholo sa sethala. Hlokomela hore libatli tsa proxy (tse kang Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) ha li tšehetsoe.
| Chrome | Firefox | Safari | Android Browser & WebView | |
|---|---|---|---|---|
| Android | E tšehelitsoe | E tšehelitsoe | - | v6.0+ |
| iOS | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe | - |
Libatli tsa desktop
Ka mokhoa o ts'oanang, liphetolelo tsa morao-rao tsa li-browser tse ngata tsa desktop lia tšehetsoa.
| Chrome | Firefox | Microsoft Edge | Opera | Safari | |
|---|---|---|---|---|---|
| Mac | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe |
| Windows | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe | E tšehelitsoe | - |
Bakeng sa Firefox, ntle le tokollo ea morao-rao e tsitsitseng, re boetse re ts'ehetsa mofuta oa morao-rao oa Tokollo e Atolositsoeng ea Ts'ehetso (ESR) ea Firefox.
Ka mokhoa o sa reroang, Bootstrap e lokela ho shebahala le ho itšoara hantle ka ho lekaneng ho Chromium le Chrome bakeng sa Linux, le Firefox bakeng sa Linux, leha li sa tšehetsoe ka molao.
Internet Explorer
Internet Explorer ha e sebetse. Haeba o hloka tšehetso ea Internet Explorer, ka kopo sebelisa Bootstrap v4.
Mekhoa le li-dropdown ho mobile
Ho khaphatseha le ho tsamaisetsa
Ts'ehetso bakeng overflow: hidden;sa <body>element e na le moeli ho iOS le Android. Ho fihlela seo, ha o feta ka holimo kapa tlase ho modal ho e 'ngoe ea li-browser tsa lisebelisoa tseo, <body>litaba li tla qala ho tsamaea. Sheba Chrome bug #175502 (e tsitsitseng ho Chrome v40) le WebKit bug #153852 .
Libaka tsa mongolo tsa iOS le ho tsamaisetsa
Ho tloha ka iOS 9.2, ha modal e ntse e butsoe, haeba ho ts'oaroa ha pele ha pontšo ea moqolo ho le ka har'a moeli oa mongolo <input>kapa a <textarea>, <body>litaba tse ka tlase ho modal li tla tsamaisoa ho fapana le modal ka boeona. Sheba WebKit bug #153856 .
Navbar Dropdowns
The .dropdown-backdropelement ha e sebelisoe ho iOS ho nav ka lebaka la ho rarahana ha z-indexing. Kahoo, ho koala li-dropdown tsa li-navbar, u tlameha ho tobetsa ka ho toba ntho e theolelang (kapa ntho efe kapa efe e tla chesa ketsahalo ea ho tobetsa ho iOS ).
Ho atometsa sebatli
Ho ata ha leqephe ho fana ka li-artifact likarolong tse ling, ka bobeli ho Bootstrap le web kaofela. Ho ipapisitse le bothata, re ka khona ho e lokisa (batla pele ebe u bula bothata haeba ho hlokahala). Leha ho le joalo, re tloaetse ho iphapanyetsa tsena kaha hangata ha li na tharollo e tobileng ntle le li-workaround tse qhekellang.
Bahlahlobisisi
E le ho fana ka phihlelo e molemo ka ho fetisisa ho libatli tsa khale le li-buggy, Bootstrap e sebelisa li-hacks tsa CSS libakeng tse 'maloa ho lebisa CSS e khethehileng liphetolelong tse itseng tsa sebatli e le ho sebetsana le likokoana-hloko ho libatli ka botsona. Ka ho utloahalang, li-hacks tsena li etsa hore bahlahisi ba CSS ba tletlebe ka hore ha ba sebetse. Libakeng tse 'maloa, re boetse re sebelisa likarolo tsa CSS tse e-s'o be le maemo ka botlalo, empa li sebelisoa molemong oa ntlafatso e tsoelang pele.
Litemoso tsena tsa netefatso ha li na taba ts'ebetsong kaha karolo eo e seng ea bosholu ea CSS ea rona e netefatsa ka botlalo mme likarolo tsa bosholu ha li kena-kenane le ts'ebetso e nepahetseng ea karolo eo e seng ea bosholu, ke ka lebaka leo re hlokomolohang litemoso tsena ka boomo.
Litokomane tsa rona tsa HTML le tsona li na le litemoso tse sa reng letho le tse sa hlokahaleng tsa netefatso ea HTML ka lebaka la ho kenyelletsa ha rona mokhoa oa ho lokisa phoso e itseng ea Firefox .