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
In order to provide the best possible experience to old and buggy browsers, Bootstrap uses CSS browser hacks in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves. These hacks understandably cause CSS validators to complain that they are invalid. In a couple places, we also use bleeding-edge CSS features that aren’t yet fully standardized, but these are used purely for progressive enhancement.
These validation warnings don’t matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don’t interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.
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 .