Main content ah kal rawh Docs navigation ah kal rawh
Check
in English

A thlen theihna tur

Bootstrap-in a hman theih tur content siamna atana a features leh a tihkhawtlai dante tawi te te.

Bootstrap hian hman awlsam tak framework a siam a, ready-made styles, layout tools, leh interactive components te a pe a, developer te chuan website leh application te chu hmuhnawm tak tak, functionally rich tak tak leh out of the box atanga hmuh theih tur an siam thei a ni.

Thupui tlangpui leh tihkhawtlai theihna

Bootstrap hmanga siam project eng pawha hman theih zawng zawng chu a ziaktu markup, additional styling, leh scripting an dah telnaah a innghat nasa hle. Mahse, hengte hi dik taka kalpui a nih tawh chuan, Bootstrap hmanga WCAG 2.1 (A/AA/AAA), Section 508 , leh a ang chi accessibility standard leh mamawh phuhruk thei website leh application siam chu a famkimin a theih tur a ni.

Structure lam hawia markup a ni

Bootstrap hian styling leh layout hi markup structure hrang hrangah hman theih a ni. He documentation hian developer-te hnena Bootstrap hman dan ngei entir nan best practice entirnan pek a tum a, semantic markup dik tak entir a tum a, chutah chuan accessibility chungchanga harsatna awm thei turte chinfel theih dan tur pawh a tel a ni.

Interactive component hrang hrangte

Bootstrap-a interactive components—modal dialogs, dropdown menus, leh custom tooltips te—chu touch, mouse, leh keyboard hmangtute tana thawk thei tura siam a ni. WAI - ARIA role leh attribute inzawmte hman hmangin heng component te hi assistive technology (screen reader ang chi) hmanga hriatthiam theih leh hman theih a ni bawk tur a ni.

Bootstrap-a component-te hi tumruh taka generic taka siam a nih avangin, ziaktute chuan an component awmzia leh a hnathawh dan dik zawka hriat theih nan ARIA role leh attribute dangte bakah JavaScript behavior te pawh an dah tel a ngai mai thei. Hei hi documentation-ah hian tarlan a ni tlangpui.

Color hrang hrang a awm

Tuna Bootstrap-a default palette siamtu colour thenkhat—framework pumpuiah button danglamna, alert danglamna, form validation indicator ang chi thil atana hman—chuan colour contrast tling lo ( WCAG 2.1 text color contrast ratio rawt 4.5:1 hnuai lam) a thlen thei a ni leh WCAG 2.1 non-text color contrast ratio 3:1 ), a bik takin background light-a hman a nih chuan. Lehkhabu ziaktute chu an rawng hman dan bikte test turin an fuih a, a tulna hmunah chuan heng default color-te hi kut hmanga siam danglam/extend turin an fuih a, chu chuan color contrast ratio tling tak a neih theih nan.

Hmuh theiha thup theih thup

Content chu hmuh theiha thup tur, mahse screen reader ang chi assistive technology hmanga hman theih reng tur chu .visually-hiddenclass hmangin style theih a ni. Hei hi hmuh theiha thu hriat belh emaw, chhinchhiahna emaw (color hman hmanga awmzia tarlan ang chi) dangte pawh hmuh theih loh hmangtute hnena thlen a ngaihna dinhmunah chuan a \angkai thei hle.

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

Visually hidden interactive controls, traditional “skip” link ang chi te tan chuan .visually-hidden-focusableclass hi hmang ang che. Hei hian control chu focus vawi khat (sighted keyboard hmangtute tan) hmuh theih a nih theih nan a pui ang. Fimkhur rawh, version hmasa lama a tlukpui leh class te nen khaikhin chuan Bootstrap 5’s hi standalone class a ni a, class nen hman dun tur a ni lo ..sr-only.sr-only-focusable.visually-hidden-focusable.visually-hidden

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

Motion tihtlem a ni

prefers-reduced-motionBootstrap ah hian media feature support a awm bawk . Browser/environment-ah chuan user-in reduced motion a duhzawng a tarlan theihna tur, Bootstrap-a CSS transition effect tam zawk (entir nan, modal dialog hawn emaw khar emaw a nih hunah, emaw carousel-a sliding animation) chu tihtawp a ni ang a, awmze nei animation ( spinner ang chi) te chu a slow down dawn a ni.

Browser support prefers-reduced-motion, leh user-in a neihna hmunah te reduced motion a duh zawk thu chiang taka signal a pek lohna hmunah (ie where ) , Bootstrap hian property prefers-reduced-motion: no-preferencehmangin smooth scrolling a siam thei a ni.scroll-behavior

Resources dangte pawh a awm bawk