Browser sy fitaovana
Mianara momba ny navigateur sy fitaovana, manomboka amin'ny maoderina ka hatramin'ny taloha, izay tohanan'ny Bootstrap, ao anatin'izany ireo quirks sy bibikely fantatra ho an'ny tsirairay.
Tohanana navigateur
Bootstrap dia manohana ny famoahana farany sy maharitra amin'ny navigateur sy sehatra lehibe rehetra.
Ny navigateur hafa izay mampiasa ny kinova farany an'ny WebKit, Blink, na Gecko, na mivantana na amin'ny alàlan'ny API fijerena tranonkala an'ny sehatra, dia tsy tohanana mazava. Na izany aza, ny Bootstrap dia tokony (amin'ny ankamaroan'ny tranga) hiseho sy hiasa tsara amin'ireo navigateur ireo ihany koa. Misy fampahalalana fanampiny momba ny fanohanana omena eto ambany.
Azonao atao ny mahita ny karazana navigateur tohananay sy ny dikan'izy ireo ao amin'ny.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
Mampiasa Autoprefixer izahay mba hikarakarana ny fanohanan'ny navigateur amin'ny alàlan'ny prefix CSS, izay mampiasa Browserslist hitantana ireo dikan-tranonkala ireo. Jereo ny antontan-taratasin'izy ireo momba ny fomba hampidirana ireo fitaovana ireo amin'ny tetikasanao.
Fitaovana finday
Amin'ny ankapobeny, ny Bootstrap dia manohana ny dikan-teny farany amin'ny navigateur default amin'ny sehatra lehibe tsirairay. Mariho fa ny mpitety proxy (toy ny Opera Mini, ny maody Turbo an'ny Opera Mobile, ny UC Browser Mini, ny Amazon Silk) dia tsy tohana.
Chrome | Firefox | Safari | Android Browser & WebView | |
---|---|---|---|---|
Android | Nanohana | Nanohana | - | v6.0+ |
iOS | Nanohana | Nanohana | Nanohana | - |
Desktop navigateur
Toy izany koa, ny kinova farany indrindra amin'ny ankamaroan'ny navigateur desktop dia tohana.
Chrome | Firefox | Microsoft Edge | opéra | Safari | |
---|---|---|---|---|---|
Mac | Nanohana | Nanohana | Nanohana | Nanohana | Nanohana |
am-baravarankely | Nanohana | Nanohana | Nanohana | Nanohana | - |
Ho an'ny Firefox, ankoatry ny famoahana stable mahazatra farany indrindra, dia manohana ny dikan-teny farany amin'ny Extended Support Release (ESR) an'ny Firefox ihany koa izahay.
Tsy ofisialy, Bootstrap dia tokony hijery sy hitondra tena tsara ao amin'ny Chromium sy Chrome ho an'ny Linux, ary Firefox ho an'ny Linux, na dia tsy tohanana amin'ny fomba ofisialy aza izy ireo.
Internet Explorer
Tsy manohana ny Internet Explorer. Raha mila fanohanana Internet Explorer ianao dia ampiasao ny Bootstrap v4.
Modals sy dropdowns amin'ny finday
Mihoatra sy mihodinkodina
Ny fanohanana overflow: hidden;
amin'ny <body>
singa dia voafetra ihany amin'ny iOS sy Android. Mba hanaovana izany, rehefa mihodinkodina eo amin'ny tampony na ambany amin'ny mody iray amin'ny iray amin'ireo navigateur ireo fitaovana ireo ianao, <body>
dia manomboka mihodina ny atiny. Jereo Chrome bug #175502 (amboarina ao amin'ny Chrome v40) sy WebKit bug #153852 .
Sahan-tsoratra sy horonan-taratasy iOS
Amin'ny iOS 9.2, raha misokatra ny modal iray, raha toa ka ao anatin'ny sisin-tanin'ny soratra <input>
na a <textarea>
, ny <body>
votoaty eo ambanin'ny modal dia hokodina fa tsy ny modal mihitsy. Jereo ny WebKit bug #153856 .
Navbar Dropdowns
Ny .dropdown-backdrop
singa dia tsy ampiasaina amin'ny iOS ao amin'ny nav noho ny fahasarotan'ny z-indexing. Noho izany, mba hanakatona ny dropdowns amin'ny navbars dia tsy maintsy manindry mivantana ny singa dropdown ianao (na singa hafa izay handrehitra hetsika kitiho ao amin'ny iOS ).
Fanamafisana ny navigateur
Tsy azo ihodivirana ny fanelanelanana pejy mampiseho artifact amin'ny singa sasany, na ao amin'ny Bootstrap na ao amin'ny tranonkala hafa. Miankina amin'ny olana dia mety ho vitantsika ny manamboatra azy (mitadiava aloha ary manokatra olana raha ilaina). Na izany aza, mazàna tsy miraharaha ireo isika satria matetika izy ireo dia tsy manana vahaolana mivantana afa-tsy ny hacky workarounds.
Validators
Mba hanomezana traikefa tsara indrindra ho an'ny mpitety tranonkala taloha sy buggy, Bootstrap dia mampiasa hacks amin'ny navigateur CSS amin'ny toerana maromaro mba hikendry CSS manokana amin'ny dikan-tranonkala sasany mba hamahana ireo bibikely ao amin'ny navigateur. Ireo hacks ireo dia azo antoka fa mahatonga ny validators CSS hitaraina fa tsy manan-kery. Any amin'ny toerana roa dia mampiasa endri-javatra CSS bleeding-edge ihany koa izahay izay mbola tsy manara-penitra tanteraka, fa ireo dia ampiasaina ho fanatsarana miandalana.
Ireo fampitandremana fanamarinana ireo dia tsy misy dikany amin'ny fampiharana satria ny ampahany tsy hacky amin'ny CSS-ntsika dia manamarina tanteraka ary ny ampahany hacky dia tsy manelingelina ny fampandehanana araka ny tokony ho izy ny ampahany tsy mijirika, noho izany antony izany dia tsy miraharaha ireo fampitandremana manokana ireo isika.
Ny antontan-taratasy HTML anay koa dia manana fampitandremana fanamafisana HTML tsy misy dikany sy tsy misy dikany noho ny fampidiranay vahaolana ho an'ny bug Firefox iray .