Navigatè ak aparèy

Aprann sou navigatè yo ak aparèy, soti nan modèn ak ansyen, ki sipòte pa Bootstrap, ki gen ladan bizarak li te ye ak pinèz pou chak.

Nan paj sa a

Sipòte navigatè yo

Bootstrap sipòte dènye, ki estab degaje tout gwo navigatè ak platfòm.

Navigatè altènatif ki sèvi ak dènye vèsyon WebKit, Blink, oswa Gecko, kit se dirèkteman oswa atravè API web view platfòm la, pa klèman sipòte. Sepandan, Bootstrap ta dwe (nan pifò ka) montre ak fonksyone kòrèkteman nan navigatè sa yo tou. Yo bay plis enfòmasyon sou sipò espesifik anba a.

Ou ka jwenn seri navigatè ki sipòte nou yo ak vèsyon yo nan nou an.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

Nou itilize Autoprefixer pou jere sipò navigatè ki gen entansyon atravè prefiks CSS, ki itilize Browserslist pou jere vèsyon navigatè sa yo. Konsilte dokiman yo pou kijan pou entegre zouti sa yo nan pwojè ou yo.

Aparèy mobil

Anjeneral, Bootstrap sipòte dènye vèsyon navigatè default chak gwo platfòm yo. Remake byen ke navigatè proxy (tankou Opera Mini, mòd Turbo Opera Mobile a, UC Browser Mini, Amazon Silk) pa sipòte.

	Chrome	Firefox	Safari	Navigatè Android ak WebView
Android	Sipòte	Sipòte	—	v6.0+
iOS	Sipòte	Sipòte	Sipòte	—

Navigatè Desktop yo

Menm jan an tou, dènye vèsyon yo nan pifò navigatè Desktop yo sipòte.

	Chrome	Firefox	Microsoft Edge	Opera	Safari
Mac	Sipòte	Sipòte	Sipòte	Sipòte	Sipòte
Windows	Sipòte	Sipòte	Sipòte	Sipòte	—

Pou Firefox, anplis de dènye lage nòmal ki estab, nou sipòte tou dènye vèsyon Firefox (ESR) pou dènye sipò .

Ofisyèlman, Bootstrap ta dwe gade ak konpòte byen ase nan Chromium ak Chrome pou Linux, ak Firefox pou Linux, menmsi yo pa ofisyèlman sipòte.

Internet Explorer

Internet Explorer pa sipòte. Si w bezwen sipò pou Internet Explorer, tanpri itilize Bootstrap v4.

Modèl ak dropdowns sou mobil

Debòde ak defile

Sipò pou overflow: hidden;sou <body>eleman an se byen limite nan iOS ak android. Pou sa ka fèt, lè ou pase anwo oswa anba yon modal nan nenpòt nan navigatè aparèy sa yo, <body>kontni an ap kòmanse woule. Gade ensèk Chrome #175502 (ranje nan Chrome v40) ak ensèk WebKit #153852 .

iOS jaden tèks ak defile

Apati iOS 9.2, pandan yon modal louvri, si premye manyen yon jès woulo liv se nan fwontyè yon tèks <input>oswa yon <textarea>, <body>kontni ki anba modal la pral defile olye pou yo modal nan tèt li. Gade ensèk WebKit #153856 .

Eleman .dropdown-backdropan pa itilize sou iOS nan nav la akòz konpleksite z-indexing. Kidonk, pou fèmen dropdowns nan navbars, ou dwe dirèkteman klike sou eleman dropdown la (oswa nenpòt lòt eleman ki pral tire yon evènman klike sou iOS ).

Zoom navigatè

Zooming paj inevitableman prezante zafè rann nan kèk eleman, tou de nan Bootstrap ak rès la nan entènèt la. Tou depan de pwoblèm nan, nou ka kapab ranje li (chèche an premye epi ouvri yon pwoblèm si sa nesesè). Sepandan, nou gen tandans inyore sa yo paske yo souvan pa gen okenn solisyon dirèk lòt pase solisyon Hacky.

Validatè

Pou bay pi bon eksperyans posib pou navigatè fin vye granmoun ak buggy, Bootstrap itilize Hack navigatè CSS nan plizyè kote pou vize CSS espesyal nan vèsyon navigatè sèten yo nan lòd yo travay sou ensèk nan navigatè yo tèt yo. Antay sa yo konprann byen lakòz validateur CSS plenyen ke yo pa valab. Nan yon koup kote, nou itilize tou senyen-kwen CSS karakteristik ki poko konplètman estanda, men sa yo yo itilize piman pou amelyorasyon pwogresif.

Avètisman validation sa yo pa gen pwoblèm nan pratik, paske pòsyon ki pa piki nan CSS nou an konplètman valide epi pòsyon ki piki yo pa entèfere ak fonksyone apwopriye nan pòsyon ki pa piki a, kidonk poukisa nou fè espre inyore avètisman patikilye sa yo.

Menm jan an tou, dokiman HTML nou yo gen kèk avètisman sou validation HTML ki pa gen anpil valè akòz enklizyon nou genyen yon solisyon pou yon sèten ensèk Firefox .