Ti pannakagun-od

Ti ababa a pakabuklan dagiti tampok ken limitasion ti Bootstrap para iti panagpartuat ti mastrek a linaon.

Iti daytoy a panid

Ti Bootstrap ket mangipaay ti nalaka nga usaren a balangkas dagiti nakasagana nga estilo, dagiti ramit ti layout, ken dagiti interaktibo a paset, a mangipalubos kadagiti agparparang-ay a mangpartuat kadagiti website ken dagiti aplikasion a makaawis iti panagkita, nabaknang iti panagandar, ken mabalin a makastrek iti ruar ti kahon.

Panangkita iti pakabuklan ken limitasion

Ti sapasap a pannakagun-od ti ania man a proyekto a naibangon babaen ti Bootstrap ket agpannuray iti dakkel a paset iti marka ti autor, kanayonan nga estilo, ken panagiskrip nga inramanda. Nupay kasta, no la ketdi dagitoy ket umiso a naipatungpal, naan-anay koma a posible ti mangpartuat kadagiti website ken aplikasion babaen ti Bootstrap a mangtungpal iti WCAG 2.1 (A/AA/AAA), Seksion 508 , ken dagiti umasping a pagalagadan ken kasapulan ti pannakagun-od.

Estruktural nga marka

Ti estilo ken layout ti Bootstrap ket mabalin a mayaplikar kadagiti nadumaduma nga estruktura ti markup. Daytoy a dokumentasion ket panggepna ti mangipaay kadagiti agparparang-ay kadagiti pagarigan ti kasayaatan nga aramid tapno mangipakita ti panagusar ti Bootstrap a mismo ken mangiladawan ti maitutop a semantiko a panagmarka, a mairaman dagiti wagas a dagiti mabalin a pakaseknan ti pannakagun-od ket mabalin a maiturong.

Dagiti interaktibo a paset

Dagiti interaktibo a paset ti Bootstrap—kas dagiti modal a dialogo, dagiti dropdown a menu, ken dagiti kostumbre a tooltip—ket nadisenio nga agtrabaho para kadagiti agar-aramat iti touch, mouse, ken teklado. Babaen ti panagusar kadagiti mainaig nga akem ken kababalin ti WAI - ARIA , dagitoy a paset ket rumbeng met a maawatan ken mapaandar babaen ti panagusar kadagiti makatulong a teknolohia (kas dagiti managbasa iti iskrin).

Gapu ta dagiti paset ti Bootstrap ket nairanta a nadisenio a medyo sapasap, dagiti mannurat ket mabalinda a kasapulan a mangiraman kadagiti kanayonan nga akem ken dagiti kababalin ti ARIA , ken kasta met ti kababalin ti JavaScript, tapno ad-adda nga umiso a mangipakaammo ti eksakto a kinaadda ken panagusar ti pasetda. Daytoy ket kadawyan a naipalpalagip iti dokumentasion.

Panagduma ti kolor

Sumagmamano a kombinasion dagiti kolor nga agdama a mangbukel ti default a paleta ti Bootstrap—a naus-usar iti intero a balangkas para kadagiti banag a kas dagiti panagduduma ti buton, panagduduma ti alerto, dagiti mangipakita ti panangipaneknek ti porma—mabalin a mangiturong iti saan nga umdas a panagdumaduma ti kolor (iti baba ti mairekomendar a WCAG 2.1 a ratio ti panagdumaduma ti kolor ti teksto iti 4.5:1 ken ti WCAG 2.1 a saan a teksto a panagdumaduma ti kolor a ratio iti 3:1 ), a naipangpangruna no mausar iti nalawag a likudan. Maiparegta kadagiti mannurat a mangsubok kadagiti espesipiko nga usarda iti kolor ken, no kasapulan, manual a baliwan/palawaen dagitoy a default a kolor tapno masigurado dagiti umdas a ratio ti panagdumaduma ti kolor.

Ti linaon a rumbeng a mailemmeng a makita, ngem agtalinaed a makastrek kadagiti makatulong a teknolohia a kas dagiti managbasa iti iskrin, ket mabalin nga estilo babaen ti panagusar ti .visually-hiddenklase. Daytoy ket mabalin a makatulong kadagiti kasasaad a dagiti kanayonan a makita nga impormasion wenno dagiti pagilasinan (kas ti kaipapanan a naipasimudaag babaen ti panagusar ti kolor) ket kasapulan pay a maidanon kadagiti saan a makita nga agar-aramat.

<p class="text-danger">
  <span class="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Para kadagiti makita a nailemmeng nga interaktibo a kontrol, kas kadagiti tradisional a “laksiden” a silpo, usaren ti .visually-hidden-focusableklase. Daytoy ket mangsigurado a ti kontrol ket agbalin a makita apaman a naipamaysa (para kadagiti makakita nga agar-aramat ti teklado). Agannad, no idilig kadagiti katupag .sr-onlyken .sr-only-focusabledagiti klase kadagiti napalabas a bersion, ti Bootstrap 5's .visually-hidden-focusableket maysa nga agmaymaysa a klase, ken masapul a saan nga usaren a maikuyog iti .visually-hiddenklase.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Nakissayan ti panaggaraw

Ti Bootstrap ket mangiraman ti suporta para iti prefers-reduced-motiontampok ti media . Kadagiti browser/aglawlaw a mangipalubos ti agar-aramat a mangibaga ti kaykayatna para iti naikkat a panaggunay, kaaduan kadagiti epekto ti panagbalbaliw ti CSS iti Bootstrap (kas pagarigan, no ti maysa a modal a dialogo ket malukatan wenno naserraan, wenno ti ag-slide nga animasion kadagiti karusel) ket mabaldado, ken dagiti addaan kaipapanan nga animasion ( kas kadagiti spinner) ket mapabannayatto.

Kadagiti browser a mangsuporta prefers-reduced-motion, ken no sadino a ti agar-aramat ket saan a nalawag a nangisenias a kaykayatda ti naikkat a panaggunay (kayatna a sawen no sadino prefers-reduced-motion: no-preference), ti Bootstrap ket mangpabalin ti naannayas a panag-scroll babaen ti panagusar ti scroll-behaviortagikua.