Biçe ser naveroka sereke Biçe navîgasyon belgeyan
in English

Koçberî bo v5

Guhertinên pelên çavkaniya Bootstrap, belgekirin, û pêkhateyan bişopînin û binirxînin da ku ji we re bibin alîkar ku hûn ji v4-ê berbi v5-yê veguhezînin.

Li ser vê rûpelê

Dependencies

  • jQuery daket.
  • Ji Popper v1.x berbi Popper v2.x ve hatî nûve kirin.
  • Li şûna Libsass Dart Sass guhert ji ber ku berhevkarê me yê Sass-ê ku li Libsas-ê hatî dayîn hate betal kirin.
  • Ji bo avakirina belgeyên me ji Jekyll koçî Hugo kirin

Piştgiriya gerokê

  • Internet Explorer 10 û 11 derxistin
  • Microsoft Edge daket < 16 (Legacy Edge)
  • Firefox daket < 60
  • Safari daket < 12
  • iOS Safari daket < 12
  • Chrome daket < 60

Guhertinên belgekirinê

  • Malpera malê, sêwirana belgeyan, û pêlavê ji nû ve hatî sêwirandin.
  • Rêbernameya Parcelê ya nû lê zêde kir.
  • Beşa Xweserî ya nû lê zêde kir, li şûna rûpela Mijara v4 , bi hûrguliyên nû li ser Sass, vebijarkên veavakirina gerdûnî, nexşeyên rengîn, guhêrbarên CSS, û hêj bêtir.
  • Hemî belgeyên formê ji nû ve di beşa Formên nû de organîze kir, naverokê di nav rûpelên balkêştir de veqetand.
  • Bi heman rengî, beşa Layout nûve kir, da ku naveroka torê zelaltir derxe holê.
  • Navê rûpela pêkhateya "Navs" veguherand "Navs & Tabs".
  • Navê rûpela "Kontrolan" kir "Kontrol û radyo".
  • Navbar ji nû ve sêwirand û jêrnavek nû lê zêde kir da ku meriv li dora malper û guhertoyên belgeyên me hêsantir bike.
  • Ji bo qada lêgerînê kurtenivîsa klavyeyê ya nû lê zêde kir: Ctrl + /.

Sass

  • Me hevgirtinên nexşeya xwerû ya Sass ji holê rakirin da ku rakirina nirxên zêde hêsantir bike. Bînin bîra xwe ku hûn naha pêdivî ye ku hûn hemî nirxan di nexşeyên Sass-ê de wekî diyar $theme-colorsbikin. Binihêrin ka meriv çawa bi nexşeyên Sass re mijûl dibe .

  • ŞikandinFonksiyon color-yiq()û guhêrbarên têkildar ji color-contrast()ber ku ew êdî bi rengê rengê YIQ-ê ve girêdayî ye veguherandin. Binêre #30168.

    • $yiq-contrasted-thresholdtê binavkirin $min-contrast-ratio.
    • $yiq-text-darkû $yiq-text-lightbi rêzê navên wan $color-contrast-darkû $color-contrast-light.

  • ŞikandinParametreyên mixinsên pirsiyariya medyayê ji bo nêzîkatiyek maqûltir hatine guhertin.

    • media-breakpoint-down()Li şûna xala veqetînê ya din, xala veqetînê bixwe bikar tîne (mînak, media-breakpoint-down(lg)li şûna media-breakpoint-down(md)amancên dîmenên ji piçûktir lg).
    • Bi heman awayî, parametreya duyemîn di media-breakpoint-between()dewsa xala veqetandinê ya paşîn de jî xala veqetînê bixwe bikar tîne (mînak, media-between(sm, lg)li şûna ku dîmenên di navbera û -yê de media-breakpoint-between(sm, md)armanc dike ).smlg

  • ŞikandinŞêweyên çapê û $enable-print-stylesguhêrbar rakirin. Dersên pêşandana çapkirinê hîn jî li dora xwe ne. Binêre #28339 .

  • ŞikandinDaxistin color(), theme-color(), û gray()di berjewendiya guhêrbaran de kar dike. Binêre #29083 .

  • ŞikandinFonksîyona guherî theme-color-level()û color-level()niha li şûna tenê $theme-colorrengan her rengê ku hûn dixwazin qebûl dike. Binêre #29083 Hişyar bin: color-level() paşê hat avêtin v5.0.0-alpha3.

  • ŞikandinNav $enable-prefers-reduced-motion-media-queryû $enable-pointer-cursor-for-buttonsbi $enable-reduced-motionû $enable-button-pointersji bo kurtî.

  • ŞikandinMiksîn jê kir bg-gradient-variant(). Dersê bikar bînin da ku li şûna çînên .bg-gradientçêkirî gradientan li hêmanan zêde bikin ..bg-gradient-*

  • Şikandin Miksên ku berê hatine betalkirin hatin rakirin:

    • hover, hover-focus, plain-hover-focus, ûhover-focus-active
    • float()
    • form-control-mixin()
    • nav-divider()
    • retina-img()
    • text-hide()(di heman demê de çîna kargêriya têkildar derxist, .text-hide)
    • visibility()
    • form-control-focus()

  • ŞikandinNavê scale-color()fonksiyonê hate guheztin da shift-color()ku bi fonksiyona pîvandina rengê Sass-ê re têkeve hev.

  • box-shadowmixins naha destûrê dide nullnirxan û noneji gelek argumanan davêje. Binêre #30394 .

  • Miksin border-radius()niha nirxek xwerû heye.

Sîstema rengîn

  • Pergala rengîn a ku bi pergalek rengîn a nû re xebitî color-level()û $theme-color-intervalhat rakirin. Hemî lighten()û darken()fonksiyonên di bingeha koda me de bi tint-color()û têne guheztin shade-color(). Van fonksiyonan dê reng bi spî an reş re tevlihev bikin li şûna ku ronahiya wê bi mîqdarek diyar biguhezînin. Li shift-color()gorî pîvana giraniya wê pozîtîf an neyînî ye, dê rengek reng bide an jî siya bide. Ji bo bêtir agahdarî li #30622 binêre.

  • Ji bo her reng reng û rengên nû lê zêde kirin, ji bo her rengê bingehîn neh rengên cihêreng peyda dikin, wekî guhêrbarên Sass-ê yên nû.

  • Berevajî rengê çêtir kirin. Rêjeya berevajiya rengan ji 3:1 berbi 4,5:1 vekir û rengên şîn, kesk, şîn û pembe nûve kir da ku berevajiya WCAG 2.1 AA misoger bike. Her weha rengê dijberiya rengê me ji $gray-900bo guhert $black.

  • Ji bo ku pergala xweya rengîn piştgirî bikin, me xwerû tint-color()û shade-color()fonksiyonên nû lê zêde kiriye da ku rengên xwe bi guncan tevlihev bikin.

Nûvekirinên Grid

  • Xala nû ya veqetînê! xxlJi bo û jor xala veqetînê ya nû 1400pxlê zêde kir. Ji bo hemî xalên şikestî yên din nayê guhertin.

  • Kevirên çêtir kirin. Gutters niha li rems têne danîn, û ji v4 tengtir in ( 1.5rem, an jî li ser 24px, ji xwarê 30px). Ev rêgezên pergala meya torê bi karûbarên meya veqetandinê re hevaheng dike.

    • Ji bo kontrolkirina kelûpelên horizontî/vertîkal, kelûpelên horizontî, û gemarên vertîkal çîna gutterê ya nû ( .g-*, .gx-*, û ) lê zêde kirin..gy-*
    • ŞikandinNavê wî hate guheztin .no-guttersda .g-0ku bi karûbarên nû yên gutterê re hevber bike.

  • Stûn êdî ne position: relativesepandine, ji ber vê yekê dibe ku hûn neçar bin .position-relativeku hin hêmanan lê zêde bikin da ku wê tevgerê sererast bikin.

  • ŞikandinÇend .order-*dersên ku gelek caran nehatine bikaranîn avêtin. Em niha tenê ji .order-1sindoqê .order-5pêşkêş dikin.

  • ŞikandinParçeyek avêtin ji .mediaber ku ew bi hêsanî dikare bi karûbaran re were dubare kirin. Ji bo mînakek #28265 û rûpela karûbarên flex bibînin .

  • Şikandin bootstrap-grid.cssnaha box-sizing: border-boxli şûna ku pîvana qutiya gerdûnî ji nû ve were vegerandin, tenê li stûnê tê sepandin. Bi vî rengî, şêwazên meya tora me dikare li bêtir cîhan bêyî destwerdanê were bikar anîn.

  • $enable-grid-classesêdî hilberîna çînên konteynerê asteng nake. Binêre #29146.

  • Miksin make-colwekî stûnên wekhev bêyî mezinahiyek diyarkirî wekî xwerû nûve kir.

Naverok, Reboot, hwd

  • RFS niha ji hêla xwerû ve çalak e. Sernavên ku mixin bikar tîninfont-size()dê bixweberfont-sizeli gorî dîmendera pîvana xwe rast bikin. Vê taybetmendiyê berê bi v4-ê vebijark bû.

  • ŞikandinTîpografiya dîmendera me ji nû ve sererast kir da ku guhêrbarên me $display-*biguhezîne û bi nexşeyek $display-font-sizesSass. Di heman demê de guhêrbarên takekesî $display-*-weightji bo yek s rakirin $display-font-weightû sererast kirin font-size.

  • Du .display-*mezinahiyên sernivîsê yên nû lê zêde kirin, .display-5û .display-6.

  • Girêdan ji hêla xwerû ve têne xêz kirin (ne tenê li ser hover), heya ku ew beşek ji pêkhateyên taybetî ne.

  • Tabloyên ji nû ve dîzayn kirin da ku şêwazên xwe nûve bikin û wan bi guhêrbarên CSS-ê ji nû ve ava bikin da ku bêtir kontrol li ser şêwazê bikin.

  • ŞikandinTabloyên hêlînkirî êdî şêwazên mîras nagirin.

  • Şikandin .thead-lightû .thead-darkji bo .table-*çînên variant ên ku ji bo hemî hêmanên tabloyê têne bikar anîn têne avêtin ( thead, tbody, tfoot, tr, thû td).

  • ŞikandinNavê table-row-variant()mixin bi table-variant()tenê 2 parameteran dipejirîne: $color(navê reng) û $value(koda rengîn). Rengê sînor û rengên devokê bixweber li ser bingeha guhêrbarên faktora tabloyê têne hesibandin.

  • Guherbarên padding hucreya sifrê di nav -yû -x.

  • ŞikandinDers berdan .pre-scrollable. Binêre #29135

  • Şikandin .text-*karûbar êdî hover û dewletên balê nadin girêdanan. .link-*dersên alîkar dikarin li şûna bên bikaranîn. Binêre #29267

  • ŞikandinDers berdan .text-justify. Binêre #29793

  • padding-leftLi ser horizontî ya xwerû <ul>û <ol>hêmanên ji xwerû yên gerokê 40pxvedigerin 2rem.

  • Zêde kirin $enable-smooth-scroll, ku li gerdûnî tê sepandin scroll-behavior: smooth- ji xeynî bikarhênerên ku bi riya prefers-reduced-motionpirsa medyayê kêm tevgerê dipirsin. Binêre #31877

RTL

  • Guherbarên taybetî yên rêwerzên asoyî, karûbar û mixîn hemî hatine guheztin da ku taybetmendiyên mantiqî yên mîna yên ku di sêwiranên flexbox-ê de têne dîtin bikar bînin-mînak, startû endli şûna leftû right.

Forms

  • Formên nû yên herikîn lê zêde kirin! Me mînaka etîketên Floating ji bo pêkhateyên formê bi tevahî piştgirî daye pêşdebirin. Li rûpela nû ya labelên Floating binêre.

  • Şikandin Hêmanên forma xwemalî û xwerû yên hevgirtî. Qutiyên kontrolê, radyo, hilbijartî, û têketinên din ên ku di v4-ê de dersên xwemalî û xwerû hebûn hatine yek kirin. Naha hema hema hemî hêmanên forma me bi tevahî xwerû ne, piranî bêyî hewcedariya HTML-ya xwerû.

    • .custom-checkniha ye .form-check.
    • .custom-check.custom-switchniha ye .form-check.form-switch.
    • .custom-selectniha ye .form-select.
    • .custom-fileû .form-filebi şêwazên xwerû yên li jor hatine guheztin .form-control.
    • .custom-rangeniha ye .form-range.
    • Davêt zikmakî .form-control-fileû .form-control-range.

  • ŞikandinDaketin .input-group-appendû .input-group-prepend. Naha hûn dikarin bişkokan û .input-group-textwekî zarokên rasterast ên komên têketinê lê zêde bikin.

  • Radyoya sînora winda ya dirêj a li ser koma têketinê bi xeletiya berteka erêkirinê di dawiyê de bi lêzêdekirina .has-validationçînek din li komên têketinê yên bi erêkirinê ve tê rast kirin.

  • Şikandin Ji bo pergala meya torê dersên sêwirana taybet-formê daxistin. .form-groupLi şûna , .form-row, an torgilok û karûbarên me bikar bînin .form-inline.

  • ŞikandinLabelên formê niha hewce ne .form-label.

  • Şikandin .form-textnema destnîşan dike display, dihêle hûn tenê bi guheztina hêmana HTML-ê wekî ku hûn dixwazin nivîsa arîkariyê ya hundurîn biafirînin an asteng bikin.

  • Îkonên erêkirinê êdî li <select>s bi multiple.

  • Pelên Sass yên çavkaniyê ji nû ve hatine rêz kirin scss/forms/, di nav de şêwazên koma têketinê.

Components

  • Nirxên yekbûyî paddingyên ji bo hişyarî, nanpêj, kart, dakêşan, komên navnîşan, modal, popover, û şîretên amûran ên ku li ser guhêrbarên me bin $spacer. Binêre #30564 .

Akordîyon

Alerts

  • Alerts niha mînakên bi îkonan hene .

  • <hr>Di her hişyariyê de şêwazên xwerû yên ji bo s rakirin ji ber ku ew berê bikar tînin currentColor.

Badges

  • ŞikandinHemî .badge-*çînên rengan ji bo karûbarên paşerojê avêtin (mînak, .bg-primaryli şûna bikar bînin .badge-primary).

  • ŞikandinDaxistin - li şûna wê .badge-pillamûrê .rounded-pillbikar bînin.

  • Şikandin<a>Ji bo û <button>hêmanan şêwazên hover û fokusê rakirin .

  • .25emJi bo nîşanan ji / .5ember .35em/ paddingek xwerû zêde kir .65em.

  • paddingBi rakirina , background-color, û , xuyangiya xwerû ya nanê sivik hêsan kir border-radius.

  • Taybetmendiya xwerû ya CSS-ê ya nû lê zêde kir --bs-breadcrumb-dividerji bo xwerûkirina hêsan bêyî ku hewce bike ku CSS ji nû ve berhev bike.

Buttons

  • Şikandin Bişkojkên guheztinê , bi qutikên kontrolê an radyoyan, êdî JavaScript hewce nake û nîşana nû heye. Em êdî ne hewceyî hêmanek pêçandî ne, lê zêde.btn-checkbikin<input>, û bi çi.btnçînên li ser hev re bikin<label>. Binêre #30650 . Belgeyên ji bo vê yekê ji rûpela meya Bişkokan derbasî beşa nû ya Formên bûne.

  • Şikandin Ji .btn-blockbo karûbaran avêtin. Li şûna ku .btn-blockhûn li ser bikar bînin .btn, bişkokên xwe bi pêç bikin .d-gridû .gap-*amûrek ku li gorî hewcedariyê wan cîh bikin. Ji bo kontrolkirina hê bêtir li ser dersên bersivdar veguherînin. Ji bo çend mînakan belgeyan bixwînin.

  • button-variant()Me û mixînên me button-outline-variant()nûve kirin da ku pîvanên din piştgirî bikin.

  • Bişkokên nûve kirin da ku berevajî zêde li ser hover û dewletên çalak peyda bikin.

  • Bişkokên neçalak niha hene pointer-events: none;.

Qert

  • ŞikandinDi .card-deckberjewendiya tora me de daket. Kartên xwe di qursên stûnê de bipêçin û .row-cols-*konteynirek dêûbav lê zêde bikin da ku dek û dolaban ji nû ve biafirînin (lê digel bêtir kontrola li ser hevrêziya bersivdar).

  • ŞikandinDi berjewendiya Masoniyê .card-columnsde derket. Binêre #28922 .

  • ŞikandinAkordeyona .cardbingehîn bi pêkhateyek Accordionê ya nû veguherand .

  • Guhertoya nû ji bo .carousel-darknivîsa tarî, kontrol û nîşangiran zêde kir (ji bo paşmayên sivik mezin).

  • Ji bo kontrolên carousel îkonên chevron bi SVG-yên nû yên ji Bootstrap Icons veguherandin .

Bişkojka Girtin

  • ŞikandinNavê .closeji .btn-closebo navekî kêmtir gelemperî hate guhertin.

  • Bişkojkên Girtinê naha li background-imageşûna a &times;di nav HTML-ê de (SVG-ya pêvekirî) bikar tînin, bêyî ku hewcedarî bi îşaretkirina nîşana we bikin, rê dide xwerûkirina hêsantir.

  • Guhertoya nû lê zêde .btn-close-whitekir ku ji filter: invert(1)bo çalakkirina berevajiya bilindtir îkonan li hember paşnavên tarî vedigire.

Jiberhevketin

  • Ji bo akordeyonan lengerkirina pêlikê rakirin.

  • Guhertoya nû .dropdown-menu-darkû guhêrbarên têkildar ji bo dakêşên tarî yên li ser daxwazê ​​zêde kirin.

  • Guherbarek nû ji bo zêde kir $dropdown-padding-x.

  • Ji bo berevajîkirina çêtir dabeşkara dakêşanê tarî kir.

  • ŞikandinHemî bûyerên ji bo dakêşanê naha li ser bişkoja veguheztina dakêşanê têne destnîşan kirin û dûv re berbi hêmana dêûbav ve têne guheztin.

  • Dema ku pozîsyona dakêşanê statîk e û dema ku dakêşan di navbarê de ye, pêşekên dakêşanê naha xwedan data-bs-popper="static"taybetmendiyek heye . data-bs-popper="none"Ev ji hêla JavaScript-a me ve hatî zêdekirin û ji me re dibe alîkar ku şêwazên pozîsyona xwerû bikar bînin bêyî ku destwerdana pozîsyona Popper bikin.

  • ŞikandinVebijarka flipji bo pêveka dakêşanê di berjewendiya veavakirina Popper ya xwecî de daket. Naha hûn dikarin bi derbaskirina rêzek vala ji bo fallbackPlacementsvebijarkê di modifîfatora flip de tevgera felqê neçalak bikin .

  • Pêşekên dakêşanê naha dikarin bi autoClosevebijarkek nû ve werin klîk kirin da ku tevgera girtina otomatîkî birêve bibe . Hûn dikarin vê vebijarkê bikar bînin da ku klîk li hundur an derveyî menuya dakêşanê qebûl bikin da ku wê înteraktîf bikin.

  • Dropdowns naha piştgirî didin .dropdown-items-yên ku di s-yê de hatine pêçan <li>.

Jumbotron

Lîsteya koma

  • nullGuherbarên nû ji bo font-size, font-weight, color, û :hover colorli .nav-linkpolê zêde kirin.
  • ŞikandinNavbar naha konteynirek di hundurê de hewce dike (ji bo ku hewcedariyên cihêbûnê û CSS-ya hewcedar bi giranî hêsan bikin).

Offcanvas

Pagination

  • Zencîreyên pagasyonê naha xwedan xwerû margin-lefthene ku dema ku ji hev têne veqetandin bi dînamîk li her quncikê têne dorpêç kirin.

  • transitionS li girêdanên pagasyonê zêde kirin .

Popovers

  • ŞikandinDi şablonê meya popoverê .arrowya .popover-arrowxwerû de nav lê hatiye guhertin.

  • Navê whiteListvebijarkê ji bo allowList.

Spinners

  • Spinner naha prefers-reduced-motion: reducebi hêdîkirina anîmasyonan rûmet dikin. Binêre #31882 .

  • Lihevhatina vertîkal a spinnerê çêtir kirin.

Toasts

  • Toasts naha dikarin bi alîkariya karûbarên pozîsyonê ve di nav de bêne danîn ..toast-container

  • Demjimêra toastê ya xwerû li 5 çirkeyan guhert.

  • Ji overflow: hiddentoastan derxistin û border-radiusbi calc()fonksiyonên s-yên rast veguherandin.

Tooltips

  • ŞikandinDi şablonê meya amûra xwerû .arrowya xwerû de nav lê hatiye guhertin..tooltip-arrow

  • ŞikandinNirxa xwerû ya fallbackPlacementsji ['top', 'right', 'bottom', 'left']bo bi cîhkirina çêtir hêmanên popper ve tê guheztin.

  • ŞikandinNavê whiteListvebijarkê ji bo allowList.

Utilities

  • ŞikandinNavê gelek karûbaran hate guheztin da ku navên milkê mantiqî li şûna navên rêwerzan bi lêzêdekirina piştgiriya RTL bikar bînin:

    • Binavkirin .left-*û .right-*ji bo .start-*û .end-*.
    • Binavkirin .float-leftû .float-rightji bo .float-startû .float-end.
    • Binavkirin .border-leftû .border-rightji bo .border-startû .border-end.
    • Binavkirin .rounded-leftû .rounded-rightji bo .rounded-startû .rounded-end.
    • Binavkirin .ml-*û .mr-*ji bo .ms-*û .me-*.
    • Binavkirin .pl-*û .pr-*ji bo .ps-*û .pe-*.
    • Binavkirin .text-leftû .text-rightji bo .text-startû .text-end.

  • ŞikandinJi hêla xwerû ve marjîneyên neyînî neçalak kirin.

  • Dersa nû lê zêde .bg-bodykir ji bo zû vesazkirina <body>paşnavê ' li hêmanên zêde.

  • Ji bo , , , û karûbarên pozîsyona nû zêde kirin . Nirx , , û ji bo her milkê vedigirin.toprightbottomleft050%100%

  • Karûbarên nû .translate-middle-xû .translate-middle-ybikêrhatî li hêmanên pozîsyona mutleq/sabitkirî yên horîzontal an verastîkî lê zêde kirin.

  • border-widthKarûbarên nû lê zêde kirin.

  • Şikandin.text-monospaceNavê xwe guhert .font-monospace.

  • ŞikandinJi .text-hideber ku ew rêbazek kevnar e ji bo veşartina nivîsê ku divê êdî neyê bikar anîn hate rakirin.

  • Karûbarên .fs-*ji bo font-sizekarûbaran zêde kirin (bi RFS çalak). Vana heman pîvanê wekî sernavên xwerû yên HTML-ê (1-6, mezin û piçûk) bikar tînin, û dikarin bi nexşeya Sass ve werin guheztin.

  • ŞikandinJi bo kurtahî û domdariyê navgîniya kargêran hate .font-weight-*guheztin ..fw-*

  • ŞikandinJi bo kurtahî û domdariyê navgîniya kargêran hate .font-style-*guheztin ..fst-*

  • Ji bo nexşeyên CSS Grid û flexbox li ser karûbar û karûbarên nû ( ) hatin .d-gridzêdekirin gap..gap

  • ŞikandinRakir .rounded-smû rounded-lg, û pîvanek nû ya çînên destnîşan kir, .rounded-0ku .rounded-3. Binêre #31687 .

  • line-heightKarûbarên nû lê zêde kirin: .lh-1, .lh-sm, .lh-baseû .lh-lg. Li vir bibînin .

  • Di CSS .d-none-a me de karûbar bar kir da ku giraniya wê li ser karûbarên din ên dîmenderê bide.

  • Alîkarî dirêj kir .visually-hidden-focusableku li ser konteyneran jî bixebite, bi kar tîne :focus-within.

Alîkar

  • Şikandin Alîkarên tevnesaziyê yên bersivdar bi navên pola nû û tevgerên çêtir, û her weha guhêrbarek arîkar a CSS-ê wekî alîkarên rêjeyê hatine guheztin.

    • byNavê dersan ji bo ku xdi rêjeya aspektê de were guheztin hatine guhertin . Mînakî, .ratio-16by9niha ye .ratio-16x9.
    • Me .embed-responsive-itemhilbijêra koma û hêmanan daxist ber hilbijêrek hêsantir .ratio > *. Zêde pola hewce nake, û alîkarê rêjeyê naha bi her hêmanek HTML-ê re dixebite.
    • Nexşeya $embed-responsive-aspect-ratiosSass hate guheztin $aspect-ratiosû nirxên wê hatine hêsan kirin da ku navê polê û sedî wekî key: valuecotê tê de hebe.
    • Guhertoyên CSS naha têne çêkirin û ji bo her nirxek di nexşeya Sass de têne girtin. Guherbarê --bs-aspect-ratioli ser biguhezînin da ku rêjeyek taybetmendî.ratio biafirîne .

  • Şikandin Dersên "xwendevanê ekranê" naha dersên "bi dîtbarî veşartî" ne .

    • Dosya Sass ji scss/helpers/_screenreaders.scssbo guhertinscss/helpers/_visually-hidden.scss
    • Binavkirin .sr-onlyû .sr-only-focusableji bo .visually-hiddenû.visually-hidden-focusable
    • Binavkirin sr-only()û sr-only-focusable()tevlihev kirin visually-hidden()û visually-hidden-focusable().

  • bootstrap-utilities.cssniha alîkarên me jî di nav de ne. Alîkarî êdî ne hewce ne ku di avahiyên xwerû de werin îtxal kirin.

JavaScript

  • Girêdana jQuery derxist û pêvekên ji nû ve nivîsandin da ku di JavaScript-a birêkûpêk de bin.

  • ŞikandinTaybetmendiyên daneyê yên ji bo hemî pêvekên JavaScript-ê naha navên navan têne danîn da ku bibin alîkar ku fonksiyona Bootstrap ji aliyên sêyemîn û koda we cûda bike. Mînakî, em data-bs-toggleli şûna data-toggle.

  • Hemî pêvek naha dikarin hilbijêrek CSS wekî argumana yekem qebûl bikin. Hûn dikarin hêmanek DOM an jî hilbijêrek CSS-ya derbasdar derbas bikin da ku mînakek nû ya pêvekê biafirînin:

    var modal = new bootstrap.Modal('#myModal')
var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')

  • popperConfigdikare wekî fonksiyonek ku veavakirina Popper-a xwerû ya Bootstrap-ê wekî arguman qebûl dike were derbas kirin, da ku hûn vê veavakirina xwerû di riya xwe de bikin yek. Li ser dakêşan, popover, û serişteyên amûran tê sepandin.

  • Nirxa xwerû ya ji fallbackPlacementsbo ['top', 'right', 'bottom', 'left']bi cîhkirina hêmanên Popper çêtir tê guheztin. Li ser dakêşan, popover, û serişteyên amûran tê sepandin.

  • Ji rêbazên statîk ên gelemperî yên mîna _getInstance()→ xêzkirina binî hate rakirin getInstance().