in English

Ithuthela ku-v5

Landelela futhi ubuyekeze izinguquko kumafayela omthombo we-Bootstrap, imibhalo, nezingxenye zokukusiza usuke ku-v4 uye ku-v5.

Kuleli khasi

Ukuncika

Kwehlisiwe i-jQuery.
Kuthuthukiswe kusuka ku-Popper v1.x kuya ku-Popper v2.x.
Kufakwe i-Libsass esikhundleni se-Dart Sass njengoba umdidiyeli wethu we-Sass onikezwe i-Libsass wehlisiwe.
Usuke e-Jekyll waya e-Hugo ukuze sakhe amadokhumenti ethu

Usekelo lwesiphequluli

Kwehliswe i-Internet Explorer 10 no-11
I-Microsoft Edge yehlisiwe <16 (Legacy Edge)
Kwehliswe iFirefox <60
I-Safari eyehlisiwe <12
Kwehliswe i-iOS Safari <12
Kwehliswe i-Chrome <60

Izinguquko zamadokhumenti

Ikhasi eliyisiqalo elidizayinwe kabusha, isakhiwo samadokhumenti, nonyaweni.
Kwengezwe umhlahlandlela omusha wePhasela .
Kwengezwe isigaba esisha sokwenza ngendlela oyifisayo , esikhundleni sekhasi le-v4 elithi Theming , ngemininingwane emisha ku-Sass, izinketho zokucushwa komhlaba wonke, izikimu zemibala, okuguquguqukayo kwe-CSS, nokuningi.
Kuhlelwe kabusha wonke amadokhumenti efomu esigabeni esisha samafomu , kwehlukanisa okuqukethwe kube amakhasi agxilwe kakhulu.
Ngokufanayo, ibuyekeze isigaba Sesakhiwo , ukuze iveze okuqukethwe kwegridi ngokucacile.
Kuqanjwe kabusha ikhasi lengxenye elithi "Navs" laba "Navs & Tabs".
Kuqanjwe kabusha ikhasi elithi “Amasheke” ukuze lithi “Amasheke namarediyo”.
Idizayine kabusha i-navbar futhi yengeza i-subnav entsha ukuze kube lula ukuthola amasayithi ethu nezinguqulo zamadokhumenti.
Kwengezwe isinqamuleli esisha sekhibhodi senkambu yosesho: Ctrl + /.

Sass

Sikuyekile ukuhlanganisa okuzenzakalelayo kwemephu ye-Sass ukuze senze kube lula ukususa amanani angafuneki. Khumbula ukuthi manje kufanele uchaze wonke amanani kumamephu we-Sass $theme-colors. Hlola ukuthi ungabhekana kanjani namamephu akwa-Sass .
UkuphukaUmsebenzi oqanjwe kabusha color-yiq()neziguquguqukayo ezihlobene color-contrast()njengoba ungasahlobene nendawo yombala ye-YIQ. Bona #30168.
- $yiq-contrasted-thresholdiqanjwe kabusha ngokuthi $min-contrast-ratio.
- $yiq-text-darkfuthi $yiq-text-lightngokulandelana ziqanjwe kabusha ngokuthi $color-contrast-darkfuthi $color-contrast-light.
UkuphukaAmapharamitha wemiksi yemibuzo yemidiya ashintshile ukuze kube nendlela enengqondo.
- media-breakpoint-down()isebenzisa i-breakpoint ngokwayo esikhundleni sephuzu lokunqamuka elilandelayo (isb, media-breakpoint-down(lg)esikhundleni sezimbobo zokubuka media-breakpoint-down(md)eziqondiwe ezincane kune- lg).
- Ngokufanayo, ipharamitha yesibili media-breakpoint-between()nayo isebenzisa i-breakpoint ngokwayo esikhundleni se-breakpoint elandelayo (isb, media-between(sm, lg)esikhundleni sezimbobo zokubuka media-breakpoint-between(sm, md)eziqondiwe phakathi smno- lg).
UkuphukaKukhishwe izitayela zokuphrinta $enable-print-stylesnokuguquguquka. Amakilasi okubonisa ukuphrinta asekhona. Bona #28339 .
UkuphukaKwehlisiwe color(), theme-color(), kanye gray()nemisebenzi evuna okuguquguqukayo. Bona #29083 .
UkuphukaUmsebenzi oqanjwe kabusha theme-color-level()ukuze ube color-level()futhi manje wamukela noma yimuphi umbala owufunayo esikhundleni semibala kuphela $theme-color. Bona #29083 Qaphela: color-level() kamuva yafakwa v5.0.0-alpha3.
UkuphukaKuqanjwe kabusha $enable-prefers-reduced-motion-media-queryfuthi $enable-pointer-cursor-for-buttonskuya $enable-reduced-motionkanye $enable-button-pointersnobufushane.
UkuphukaKukhishwe bg-gradient-variant()imiksi. Sebenzisa .bg-gradientikilasi ukwengeza ama-gradient kuma-elementi esikhundleni .bg-gradient-*samakilasi akhiqiziwe.
Ukuphuka Kukhishwe imiksi ehoxisiwe ngaphambilini:
- hover, hover-focus, plain-hover-focus, futhihover-focus-active
- float()
- form-control-mixin()
- nav-divider()
- retina-img()
- text-hide()(iphinde yehlisa isigaba sosizo esihlobene, .text-hide)
- visibility()
- form-control-focus()
Ukuphukascale-color()Umsebenzi oqanjwe kabusha shift-color()ukuze ugweme ukungqubuzana nomsebenzi we-Sass wokukala umbala.
box-shadowimiksi manje ivumela nullamanani futhi yehle noneukusuka kuma-agumenti amaningi. Bona #30394 .
I- border-radius()mixin manje inenani elizenzakalelayo.

Isistimu yombala

Isistimu yombala ebisebenza nayo color-level()futhi $theme-color-intervalyasuswa yavuna isistimu yombala entsha. Konke lighten()kanye darken()nemisebenzi ku-codebase yethu ithathelwa indawo tint-color()futhi shade-color(). Le misebenzi izohlanganisa umbala nomhlophe noma omnyama esikhundleni sokushintsha ukukhanya kwawo ngenani elinqunyiwe. Intando shift-color()ingashintsha noma ithulule umbala kuye ngokuthi ipharamitha yesisindo iphozithivu noma inegethivu. Bona #30622 ukuze uthole imininingwane eyengeziwe.
Kwengezwe ama-tinti amasha namathunzi awo wonke umbala, kuhlinzeka ngemibala eyisishiyagalolunye ehlukene yombala ngamunye wesisekelo, njengokuhlukahluka okusha kwe-Sass.
Ukugqama kombala okuthuthukisiwe. Isilinganiso sokungafani sombala obhampane sisuka ku-3:1 siye ku-4.5:1 nemibala ebuyekeziwe eluhlaza okwesibhakabhaka, eluhlaza, e-cyan, nepinki ukuze kuqinisekiswe ukugqama kwe-WCAG 2.1 AA. Futhi kushintshe umbala wethu wokugqama kombala ukusuka $gray-900ku- $black.
Ukuze sisekele isistimu yethu yombala, sengeze inkambiso entsha tint-color()nemisebenzi shade-color()ukuze sixube imibala yethu ngokufanele.

Izibuyekezo zegridi

I-breakpoint entsha! Kwengezwe i- xxlbreakpoint entsha 1400pxnaphezulu. Azikho izinguquko kuwo wonke amanye ama-breakpoint.
Ama-gutters athuthukisiwe. Ama-gutters manje asethwe njenge-rems, futhi mancane kune-v4 ( 1.5rem, noma cishe 24px, phansi ukusuka 30px). Lokhu kuqondanisa ama-gutters wesistimu yethu yegridi nezinsiza zethu zokubeka izikhala.
- Kwengezwe isigaba esisha se-gutter ( .g-*, .gx-*, kanye .gy-*) ukuze kulawulwe ama-gutters avundlile/ame mpo, ama-gutter avundlile, nama-gutters aqondile.
- UkuphukaIqanjwe kabusha .no-guttersukuze .g-0ifane nezinsiza ezintsha ze-gutter.
Amakholomu awasasebenzi position: relative, ngakho-ke kungase kudingeke wengeze .position-relativekwezinye izici ukuze ubuyisele lokho kuziphatha.
UkuphukaKwehliswe amakilasi ambalwa .order-*avame ukungasetshenziswa. Manje sihlinzeka kuphela .order-1ngaphandle .order-5kwebhokisi.
UkuphukaIlahle .mediaingxenye njengoba ingaphindaphindwa kalula nezinsiza. Bona i-#28265 kanye nekhasi lezinsiza eziguquguqukayo njengesibonelo .
Ukuphuka bootstrap-grid.cssmanje kusebenza kuphela box-sizing: border-boxkukholomu esikhundleni sokusetha kabusha usayizi webhokisi womhlaba. Ngale ndlela, izitayela zethu zegridi zingasetshenziswa ezindaweni eziningi ngaphandle kokuphazamiseka.
$enable-grid-classesayisakukhubazi ukukhiqizwa kwamakilasi esiqukathi. Bona #29146.
Kubuyekezwe i- make-colmixin yaba okumisiwe yaba amakholomu alinganayo ngaphandle kosayizi othile.

Okuqukethwe, Qalisa kabusha, njll

I- RFS manje isinikwe amandla ngokuzenzakalela. Izihloko ezisebenzisa i-font-size()mixin zizozilungisa ngokuzenzakalelafont-sizeukuze zilingane nembobo yokubuka. Lesi sici ngaphambilini besikhethe ukungena nge-v4.
UkuphukaKulungiswe kabusha ukuthayipha kwethu kwesibonisi ukuze kumiselele $display-*okuguquguqukayo kanye $display-font-sizesnemephu ye-Sass. Kukhishwe futhi okuguquguqukayo ngakunye $display-*-weightkwe-s eyodwa $display-font-weightfuthi elungisiwe font-size.
Kwengezwe .display-*osayizi ababili bezihloko ezintsha, .display-5kanye .display-6.
Izixhumanisi zidwetshelwe ngokuzenzakalelayo (hhayi nje phezulu), ngaphandle uma ziyingxenye yezingxenye ezithile.
Amathebula adizayinwe kabusha ukuze avuselele izitayela zawo futhi azakhe kabusha ngezinto eziguquguqukayo ze-CSS ukuze uthole ukulawula okwengeziwe kwesitayela.
UkuphukaAmathebula afakwe esidlekeni awasakwazi ifa lezitayela.
Ukuphuka .thead-lightfuthi .thead-darkziyehliswa zivuna .table-*amakilasi ahlukile angasetshenziselwa zonke izici zethebula ( thead, tbody, tfoot, tr, thkanye td).
UkuphukaI- table-row-variant()mixin iqanjwe kabusha table-variant()futhi yamukela amapharamitha angu-2 kuphela: $color(igama lombala) kanye $value(ikhodi yombala). Umbala womngcele nemibala ye-accent ibalwa ngokuzenzakalelayo ngokusekelwe ezintweni eziguquguqukayo zethebula.
Hlukanisa okuguquguqukayo kwe-padding cell yethebula phakathi -ykanye -x.
Ukuphuka.pre-scrollableIkilasi lehlile . Bona #29135
Ukuphuka .text-*izinsiza azisangezi izindawo ezihamba phambili nezigxilisa izixhumanisi kuzixhumanisi. .link-*amakilasi omsizi angasetshenziswa esikhundleni salokho. Bona #29267
Ukuphuka.text-justifyIkilasi lehlile . Bona #29793
Ukuphuka <hr>ama- elementi manje asetshenziswa heightesikhundleni bordersokusekela kangcono sizeisibaluli. Lokhu futhi kuvumela ukusetshenziswa kwezinsiza zokunamathisela ukuze wakhe izihlukanisi ezinkulu (isb, <hr class="py-1">).
Setha kabusha okuzenzakalelayo okuvundlile kanye padding-leftnezinto ukusuka kokumisiwe kwesiphequluli kuye ku- .<ul><ol>40px2rem
Kwengezwe $enable-smooth-scroll, okusebenza scroll-behavior: smoothemhlabeni jikelele—ngaphandle kwabasebenzisi abacela ukunyakaza okuncishisiwe prefers-reduced-motionngombuzo wemidiya. Bona #31877

I-RTL

Okuguquguqukayo okuqondile kokuqondisa okuvundlile, izinsiza, nezixube konke kuqanjwe kabusha ukuze kusetshenziswe izici ezinengqondo ezifana nalezo ezitholakala kuzakhiwo ze-flexbox—isb, startfuthi endesikhundleni sika leftkanye right.

Amafomu

Kwengezwe amafomu amasha antantayo! Siphromothe isibonelo samalebula antantayo ezingxenyeni zefomu ezisekelwa ngokugcwele. Bona ikhasi lamalebula antantayo amasha.
Ukuphuka Izinto ezihlanganisiwe zomdabu kanye nefomu langokwezifiso. Amabhokisi okuhlola, amarediyo, okukhethiwe, nokunye okokufaka okunezigaba zomdabu nezezifiso ku-v4 kuhlanganisiwe. Manje cishe zonke izici zethu zefomu zingokwezifiso ngokuphelele, eziningi ngaphandle kwesidingo se-HTML yangokwezifiso.
- .custom-checkmanje .form-check.
- .custom-check.custom-switchmanje .form-check.form-switch.
- .custom-selectmanje .form-select.
- .custom-filefuthi .form-filezithathelwe indawo izitayela zangokwezifiso ngaphezulu kwe .form-control.
- .custom-rangemanje .form-range.
- Kulahlwe okomdabu .form-control-filefuthi .form-control-range.
UkuphukaYehla .input-group-appendfuthi .input-group-prepend. Manje usungakwazi ukwengeza izinkinobho futhi .input-group-textnjengabantwana abaqondile bamaqembu okokufaka.
Irediyasi yomngcele Omude Ongekho eqenjini lokokufaka elinesiphazamisi sempendulo yokuqinisekisa ekugcineni ilungisiwe ngokwengeza .has-validationisigaba esingeziwe emaqenjini okokufaka anokuqinisekisa.
Ukuphuka Kwehlisiwe amakilasi esakhiwo esiqondene nefomu yesistimu yethu yegridi. Sebenzisa igridi yethu nezinsiza esikhundleni se- .form-group, .form-row, noma .form-inline.
UkuphukaAmalebula efomu manje adinga .form-label.
Ukuphuka .form-textayisekho amasethi display, okukuvumela ukuthi udale umbhalo wosizo ongaphakathi komugqa noma uvimbele ngendlela ofisa ngayo ngokushintsha isici se-HTML.
Izithonjana zokuqinisekisa azisasetshenziswa ku- <select>s nge- multiple.
Umthombo ohlelwe kabusha amafayela we-Sass ngaphansi kokuthi scss/forms/, okuhlanganisa izitayela zeqembu lokufaka.

Izingxenye

Amanani ahlanganisiwe ezexwayiso padding, imvuthuluka yesinkwa, amakhadi, okwehliswayo, amaqembu ohlu, ama-modal, ama-popovers, namathiphu amathuluzi azosekelwe $spacerkokuhlukahluka kwethu. Bona #30564 .

I-Accordion

Kwengezwe ingxenye entsha ye-accordion .

Izexwayiso

Izexwayiso manje zinezibonelo ezinezithonjana .
Kukhishwe izitayela zangokwezifiso ze- <hr>s kusaziso ngasinye njengoba vele zisebenzisa currentColor.

Amabheji

UkuphukaIlahle wonke .badge-*amakilasi ombala wezinsiza ezingemuva (isb, sebenzisa .bg-primaryesikhundleni se- .badge-primary).
UkuphukaIlahliwe .badge-pill- sebenzisa .rounded-pillinsiza esikhundleni.
UkuphukaKukhishwe izitayela zokuhambisa phezulu nokugxilisa kuzo <a>kanye nama - <button>elementi.
Ukukhushulwa okunamathiselwe okuzenzakalelayo kwamabheji ukusuka ku .25em/ .5emukuya .35em/ .65em.

Iimvuthuluka zesinkwa

Ukubukeka okuzenzakalelayo kwe-breadcrumbs kwenziwe kwaba lula ngokususa padding, background-color, kanye border-radius.
Kwengezwe indawo entsha yangokwezifiso ye-CSS --bs-breadcrumb-dividerukuze wenze ngokwezifiso kalula ngaphandle kokudinga ukuphinda kuhlanganiswe i-CSS.

Izinkinobho

Ukuphuka Izinkinobho zokuguqula , ezinamabhokisi okuhlola noma imisakazo, azisadingi i-JavaScript futhi zinemakhaphu entsha. Asisayidingi into yokugoqa, engeza.btn-checkku-<input>, bese uyibhangqa nanoma imaphi.btnamakilasi ku-<label>. Bona #30650 . Amadokhumenti alokhu asukile ekhasini lethu elithi Izinkinobho aya esigabeni esisha samafomu.
Ukuphuka Kwehliselwe .btn-blockizinsiza. Esikhundleni sokusebenzisa .btn-blockku- .btn, bopha izinkinobho zakho .d-gridkanye .gap-*nesisetshenziswa ukuze uzibeke lapho kudingeka. Shintshela kumakilasi aphendulayo ukuze uthole ukulawula okwengeziwe phezu kwawo. Funda amadokhumenti ukuze uthole izibonelo ezithile.
Kubuyekezwe yethu button-variant()kanye button-outline-variant()namamiksi ukuze kusekelwe amapharamitha angeziwe.
Izinkinobho ezibuyekeziwe ukuze kuqinisekiswe ukuhluka okukhulayo kuzimo ezihamba phambili nezisebenzayo.
Izinkinobho ezikhutshaziwe manje zine- pointer-events: none;.

Ikhadi

UkuphukaYehlisiwe ngokuvuna .card-deckigridi yethu. Goqa amakhadi akho ngamakholomu amakilasi bese wengeza .row-cols-*isiqukathi esingumzali ukuze udale kabusha amadekhi amakhadi (kodwa ngokulawula okwengeziwe ekuqondaneni okuphendulayo).
UkuphukaYehla .card-columnsngokuthanda iMasonry. Bona #28922 .
UkuphukaEsikhundleni se- .cardaccordion esekelwe kufakwa ingxenye entsha ye-Accordion .

I-Carousel

Kwengezwe .carousel-darkokuhlukile okusha kombhalo omnyama, izilawuli, nezinkomba (ezinhle ngengemuva elilula).
Kushintshwe izithonjana ze-chevron zokulawula i-carousel ngama-SVG amasha avela ku- Icons ze-Bootstrap .

Vala inkinobho

UkuphukaIqanjwe kabusha .closekwaba .btn-closeyigama elincane elijwayelekile.
Izinkinobho zokuvala manje zisebenzisa background-image(i-SVG eshumekiwe) esikhundleni se-a ×ku-HTML, okuvumela ukwenza ngokwezifiso kube lula ngaphandle kwesidingo sokuthinta umaki wakho.
Kwengezwe .btn-close-whiteokuhlukile okusha okusebenzisa filter: invert(1)ukunika amandla ukugqama okuphezulu kokucashisa izithonjana ngokumelene nengemuva elimnyama.

Goqa

Kukhishwe i-anchoring yomqulu wama-accordion.

Okwehliswayo

Kwengezwe .dropdown-menu-darkokuhlukile okusha nokuhambisanayo kokudonsela phansi okumnyama okudingekayo.
Kwengezwe okuhlukile okusha kwe- $dropdown-padding-x.
Kwenze kube mnyama isihlukanisi sokwehlisa ukuze kuthuthukiswe ukugqama.
UkuphukaYonke imicimbi yokwehliswayo manje icushwa enkinobho yokuguqula eyehlayo bese ifakwe ibhamuza kusici esingumzali.
Amamenyu okwehlayo manje anesethi yesibaluli data-bs-popper="static"lapho ukuma kokwehlayo kumile futhi data-bs-popper="none"lapho okwehliswayo kuku-navbar. Lokhu kwengezwa i-JavaScript yethu futhi kusisiza ukuthi sisebenzise izitayela zokuma ngokwezifiso ngaphandle kokuphazamisa ukuma kukaPopper.
UkuphukaInketho eyehlisiwe flipye-plugin eyehlayo ivuna ukucushwa komdabu kwe-Popper. Manje usungakwazi ukukhubaza ukuziphatha ngokupheqa uhlu olungenalutho lwenketho fallbackPlacementsku- flip modifier.
Amamenyu okudonsela phansi manje angachofozeka autoClosengenketho entsha yokusingatha ukuziphatha kokuvala ngokuzenzakalela . Ungasebenzisa le nketho ukuze wamukele ukuchofoza ngaphakathi noma ngaphandle kwemenyu yokudonsela phansi ukuze uyenze isebenze.
Okwehliswayo manje kusekela .dropdown-items esongwe ngo- <li>s.

I-Jumbotron

UkuphukaKwehliswe ingxenye ye-jumbotron njengoba ingaphindaphindwa nezinsiza. Bona isibonelo sethu esisha se-Jumbotron ukuze uthole idemo.

Iqembu lohlu

Kwengezwe .list-group-numberedisilungisi esisha ohlwini lwamaqembu.

Navs namathebhu

Kwengezwe nullokuguquguqukayo okusha kwe- font-size, font-weight, color, kanye :hover colorneklasi .nav-link.

Ama-Navbar

UkuphukaAma-Navbar manje adinga isiqukathi ngaphakathi (ukwenza kube lula kakhulu izidingo zesikhala kanye ne-CSS edingekayo).

I-offcanvas

Kwengezwe ingxenye entsha ye- offcanvas .

Amakhasi

Izixhumanisi zamaphegi manje seziyakwazi ukwenziwa ngendlela oyifisayo margin-lefteziyindilinga kuwo wonke amakhona uma zihlukaniswa enye kwenye.
Kwengezwe transitionizixhumanisi zamakhasi.

Ama-Popovers

UkuphukaIqanjwe kabusha .arrowkusifanekiso .popover-arrowsethu esizenzakalelayo se-popover.
whiteListInketho eqanjwe kabusha kokuthi allowList.

Amaspinner

Izipina manje ziyahlonishwa prefers-reduced-motion: reducengokunciphisa ukugqwayiza. Bona #31882 .
Ukuqondanisa okuqondile kwesipina okuthuthukisiwe.

Amathosti

Amathosti manje angabekwa endaweni.toast-container ngosizo lokubeka izinsiza .
Kushintshwe ubude be-toast obuzenzakalelayo baba amasekhondi angu-5.
Ikhishwe overflow: hiddenkuma-toasts futhi kwafakwa u- border-radiuss ofanele calc()ngemisebenzi.

Amathuluzi

UkuphukaIqanjwe kabusha .arrowkuthempulethi .tooltip-arrowyethu yamathuluzi ezenzakalelayo.
UkuphukaInani elizenzakalelayo le- the fallbackPlacementslishintshelwa ['top', 'right', 'bottom', 'left']ekubekweni okungcono kwama-elementi e-popper.
UkuphukawhiteListInketho eqanjwe kabusha kokuthi allowList.

Izinsiza

UkuphukaKuqanjwe kabusha izinsiza ezimbalwa ukuze kusetshenziswe amagama ezakhiwo ezinengqondo esikhundleni samagama ezinkomba ngokungezwa kosekelo lwe-RTL:
- Kuqanjwe kabusha .left-*futhi .right-*kuya .start-*futhi .end-*.
- Kuqanjwe kabusha .float-leftfuthi .float-rightkuya .float-startfuthi .float-end.
- Kuqanjwe kabusha .border-leftfuthi .border-rightkuya .border-startfuthi .border-end.
- Kuqanjwe kabusha .rounded-leftfuthi .rounded-rightkuya .rounded-startfuthi .rounded-end.
- Kuqanjwe kabusha .ml-*futhi .mr-*kuya .ms-*futhi .me-*.
- Kuqanjwe kabusha .pl-*futhi .pr-*kuya .ps-*futhi .pe-*.
- Kuqanjwe kabusha .text-leftfuthi .text-rightkuya .text-startfuthi .text-end.
UkuphukaAmamajini anegethivu akhutshaziwe ngokuzenzakalela.
Kwengezwe .bg-bodyikilasi elisha lokusetha ngokushesha <body>ingemuva lezinto ezengeziwe.
Kwengezwe izinsiza zokuma ezintsha ze- top, right, bottom, kanye left. Amanani afaka 0, 50%, kanye 100%nesakhiwo ngasinye.
Kwengezwe izinsiza ezintsha maphakathi .translate-middle-xnendawo .translate-middle-yevundlile noma eqondile yezinto ezimile ngokuphelele/ezimile.
Kwengezwe border-widthizinsiza ezintsha .
UkuphukaIqanjwe kabusha .text-monospacekwaba .font-monospace.
UkuphukaKususiwe .text-hidenjengoba kuyindlela yakudala yokufihla umbhalo okungasafanele kusetshenziswe.
.fs-*Izinsiza ezingeziwe zezinsiza font-size(ezinikwe amandla i-RFS). Lezi zisebenzisa isikali esifanayo njengezihloko ezizenzakalelayo ze-HTML (1-6, ezinkulu kuye kwezincane), futhi zingashintshwa ngemephu ye-Sass.
Ukuphuka.font-weight-*Izinsiza eziqanjwe kabusha njengobufushane .fw-*nokuvumelana.
Ukuphuka.font-style-*Izinsiza eziqanjwe kabusha njengobufushane .fst-*nokuvumelana.
Kwengezwe .d-gridekuboniseni izinsiza nezinsiza ezintsha gap( .gap) ze-CSS Grid nezakhiwo ze-flexbox.
UkuphukaIkhishiwe .rounded-smfuthi rounded-lg, futhi yethula isikali esisha samakilasi, .rounded-0ukuze .rounded-3. Bona #31687 .
Kwengezwe line-heightizinsiza ezintsha: .lh-1, .lh-sm, .lh-basekanye .lh-lg. Bheka lapha .
Ihambise .d-noneinsiza ku-CSS yethu ukuyinika isisindo esengeziwe kunezinye izinsiza zokubonisa.
Welula .visually-hidden-focusableumsizi ukuthi asebenze nasezitsheni, esebenzisa :focus-within.

Abasizi

Ukuphuka Abasizi bokushumeka abasabelayo baqanjwe kabusha ukuze balinganise abasizi ngamagama amasha ekilasi nokuziphatha okuthuthukisiwe, kanye nokuhluka okuwusizo kwe-CSS.
- Amakilasi aqanjwe kabusha ukuze ashintshele byku x-aspect ratio. Ngokwesibonelo, .ratio-16by9manje .ratio-16x9.
- Silahle .embed-responsive-itemisikhethi seqembu kanye nesici ukuze sivune isikhethi esilula .ratio > *. Asisekho ikilasi elidingekayo, futhi umsizi wesilinganiso manje usebenza nanoma iyiphi into ye-HTML.
- Imephu ye- $embed-responsive-aspect-ratiosSass iqanjwe kabusha yaba $aspect-ratiosfuthi amanani ayo enziwe lula ukuze afake igama lekilasi kanye nephesenti njengokupheya key: value.
- Okuguquguqukayo kwe-CSS manje sekwenziwe futhi kufakwe ivelu ngalinye kumephu ye-Sass. Shintsha --bs-aspect-ratiookuguquguqukayo kokuthi .ratioudale noma yikuphi ukubukeka kwesilinganiso ngokwezifiso .
Ukuphuka Amakilasi "okufunda isikrini" manje asengamakilasi "afihliwe ngokubonakalayo" .
- Kushintshwe ifayela le-Sass ukusuka scss/helpers/_screenreaders.scsskokuthiscss/helpers/_visually-hidden.scss
- Iqanjwe kabusha .sr-onlyfuthi .sr-only-focusablekuya .visually-hiddenfuthi.visually-hidden-focusable
- Kuqanjwe kabusha sr-only()futhi sr-only-focusable()kuxutshwe ku- visually-hidden()futhi visually-hidden-focusable().
bootstrap-utilities.cssmanje kuhlanganisa nabasizi bethu. Abasizi abasadingi ukungeniswa ngezakhiwo ezenziwe ngokwezifiso.

I-JavaScript

Kwehlisiwe ukuncika kwe-jQuery futhi kwabhalwa kabusha ama-plugin ukuze abe ku-JavaScript evamile.
UkuphukaIzibaluli zedatha zawo wonke ama-plugin e-JavaScript manje sezifakwe amagama ukuze zisize ukuhlukanisa ukusebenza kwe-Bootstrap kubantu besithathu kanye nekhodi yakho. Isibonelo, sisebenzisa data-bs-toggleesikhundleni se- data-toggle.
Wonke ama-plugin manje angamukela isikhethi se-CSS njengengxabano yokuqala. Ungakwazi ukudlulisa isici se-DOM noma noma yisiphi isikhethi esivumelekile se-CSS ukuze udale isibonelo esisha se-plugin:
```
var modal = new bootstrap.Modal('#myModal')
var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
```
popperConfigingadluliswa njengomsebenzi owamukela ukucushwa okuzenzakalelayo kwe-Bootstrap kwe-Popper njengengxabano, ukuze ukwazi ukuhlanganisa lokhu kumisa okuzenzakalelayo endleleni yakho. Isebenza kokwehliswayo, ama-popvers, namathiphu wamathuluzi.
Inani elizenzakalelayo le- elementi fallbackPlacementslishintshelwa ['top', 'right', 'bottom', 'left']ekubekweni okungcono kwama-elementi e-Popper. Isebenza kokwehliswayo, ama-popvers, namathiphu wamathuluzi.
Kukhishwe i-underscore ezindleleni ezimile zomphakathi ezifana ne- _getInstance()→ getInstance().