Yeqela kokuqukethwe okuyinhloko Yeqela ku-docs navigation
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 "I-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 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 eziguqukayo 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

  • 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 ekuhlelweni kwe-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 kulayini 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, amamodeli, ama-popover, namathiphu amathuluzi azosekelwe $spacerkokuhlukahluka kwethu. Bona #30564 .

I-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 zangemuva (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.

  • 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 .

  • 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 &times;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.

  • 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 ukulungiselelwa kwe-Popper yomdabu. Manje usungakwazi ukukhubaza ukuziphatha ngokuphephula 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

Iqembu lohlu

  • Kwengezwe nullokuguquguqukayo okusha kwe- font-size, font-weight, color, kanye :hover colorneklasi .nav-link.
  • UkuphukaAma-Navbar manje adinga isiqukathi ngaphakathi (ukwenza kube lula kakhulu izidingo zesikhala kanye ne-CSS edingekayo).

I-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 abaphendulayo 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 isigaba esidingekayo, 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 ukuze 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- the 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().