in English

Ho fallela ho v5

Sheba le ho hlahloba liphetoho ho lifaele tsa mohloli oa Bootstrap, litokomane le likarolo tse tla u thusa ho tloha ho v4 ho ea ho v5.

Leqepheng lena

Ho itšetleha

jQuery e oele.
E ntlafalitsoe ho tloha ho Popper v1.x ho ea ho Popper v2.x.
E ile ea nkela Libsass sebaka ka Dart Sass joalo ka ha moqapi oa rona oa Sass o fuoe Libsass o ile oa tlosoa.
E falletse ho tloha Jekyll ho ea Hugo bakeng sa ho haha litokomane tsa rona

Tšehetso ea sebatli

E theohile Internet Explorer 10 le 11
E theohile Microsoft Edge <16 (Legacy Edge)
E theohile Firefox <60
Safari e oeleng <12
E theohile iOS Safari <12
Chrome e theohile <60

Litokomane lia fetoha

Leqephe la lehae le hlophisitsoeng bocha, sebopeho sa litokomane, le botlaaseng ba leqephe.
Tataiso e ncha e kentsoeng ea Parcel .
E kentse karolo e ncha ea Customize , e nkelang leqephe la Theming ea v4 , ka lintlha tse ncha ho Sass, likhetho tsa tlhophiso ea lefats'e, merero ea mebala, mefuta-futa ea CSS, le tse ling.
E hlophisitse bocha litokomane tsohle tsa foromo ka karolo e ncha ea Liforomo , e arola litaba ka maqephe a tsepamisitsoeng haholo.
Ka mokhoa o ts'oanang, e ntlafalitse karolo ea Layout , ho hlahisa litaba tsa grid ka mokhoa o hlakileng haholoanyane.
E rehiloe bocha leqephe la karolo ea "Navs" ho "Navs & Tabs".
E rehiloe lebitso la leqephe la "Checks" ho "Checks & radios".
E ntlafalitse sebaka sa marang-rang 'me sa eketsa subnav e ncha ho etsa hore ho be bonolo ho potoloha libaka tsa rona le liphetolelo tsa litokomane.
E kentse khaoletso e ncha ea keyboard bakeng sa sebaka sa ho batla: Ctrl + /.

Sass

Re lahlile likhokahano tsa 'mapa oa Sass ho etsa hore ho be bonolo ho tlosa boleng bo sa hlokahaleng. Hopola hore joale o tlameha ho hlalosa boleng bohle ho limmapa tsa Sass joalo ka $theme-colors. Sheba mokhoa oa ho sebetsana le limmapa tsa Sass .
Ho qhetsolaMosebetsi o rehiloeng color-yiq()hape le mefuta e amanang le eona color-contrast()kaha ha e sa amana le sebaka sa mebala sa YIQ. Sheba #30168.
- $yiq-contrasted-thresholde rehelletsoe ka $min-contrast-ratio.
- $yiq-text-dark'me $yiq-text-lightka ho latellana ba rehoa bocha ho $color-contrast-darkle $color-contrast-light.
Ho qhetsolaLitekanyetso tsa li-mixins tsa media query li fetohile bakeng sa mokhoa o utloahalang haholoanyane.
- media-breakpoint-down()e sebelisa sebaka sa phomolo ka bosona ho fapana le sebaka se latelang sa khefu (mohlala, media-breakpoint-down(lg)ho fapana le media-breakpoint-down(md)litebello tse nyane ho feta lg).
- Ka mokhoa o ts'oanang, paramethara ea bobeli ho media-breakpoint-between()eona e sebelisa sebaka sa phomolo ka boeona ho fapana le sebaka se latelang sa phomolo (mohlala, media-between(sm, lg)sebakeng sa media-breakpoint-between(sm, md)litebello tsa pono lipakeng tsa smle lg).
Ho qhetsolaHo tlositsoe mekhoa ea khatiso le $enable-print-stylesmefuta e fapaneng. Litlelase tsa ponts'o ea khatiso li ntse li le teng. Sheba #28339 .
Ho qhetsolaDrop color(), theme-color(), le gray()mesebetsi e emelang mefuta-futa. Sheba #29083 .
Ho qhetsolaTs'ebetso e rehelletsoeng theme-color-level()ho color-level()'me joale e amohela mebala efe kapa efe eo u e batlang ho fapana le $theme-colormebala feela. Bona #29083 Hlokomela: color-level() hamorao e ile ea theoha v5.0.0-alpha3.
Ho qhetsolaE reheletsoe bocha $enable-prefers-reduced-motion-media-queryle $enable-pointer-cursor-for-buttonsho ea $enable-reduced-motionle $enable-button-pointersbakeng sa bokhutšoanyane.
Ho qhetsolaE bg-gradient-variant()tlositse motsoako. Sebelisa .bg-gradientsehlopha ho kenya li-gradient ho likarolo ho fapana le .bg-gradient-*litlelase tse hlahisitsoeng.
Ho qhetsola E tlositsoe metsoako e neng e lahliloe pele:
- hover,,, le hover-focus_plain-hover-focushover-focus-active
- float()
- form-control-mixin()
- nav-divider()
- retina-img()
- text-hide()(e boetse e lahlile sehlopha sa lisebelisoa tse amanang, .text-hide)
- visibility()
- form-control-focus()
Ho qhetsolascale-color()Mosebetsi o rehelletsoeng shift-color()ho qoba ho thulana le tšebetso ea Sass ea ho lekanya mebala.
box-shadowli-mixins joale li lumella nullboleng le ho theoha noneho tsoa likhang tse ngata. Sheba #30394 .
Hona border-radius()joale mixin e na le boleng ba kamehla.

Mokhoa oa mebala

Sistimi ea mebala e neng e sebetsa le color-level()e $theme-color-intervaltlositsoeng molemong oa sistimi e ncha ea mebala. Tsohle lighten()le darken()mesebetsi ho codebase ea rona e nkeloa sebaka ke tint-color()le shade-color(). Mesebetsi ena e tla kopanya 'mala le o mosoeu kapa o motšo ho e-na le ho fetola khanya ea oona ka tekanyo e tsitsitseng. E shift-color()tla etsa hore 'mala o be o khanyang kapa o tlose 'mala ho latela hore na boima ba eona bo nepahetse kapa bo fosahetse. Sheba #30622 bakeng sa lintlha tse ling.
E kentse mebala le mebala e mecha bakeng sa 'mala o mong le o mong, e fana ka mebala e robong e arohaneng bakeng sa' mala o mong le o mong oa motheo, e le mefuta e mecha ea Sass.
Phapang ea mebala e ntlafalitsoeng. Karolelano ea mebala e fapaneng ho tloha ho 3:1 ho isa ho 4.5:1 le mebala e ntlafalitsoeng ea boputsoa, botala, cyan, le pinki ho netefatsa phapang ea WCAG 2.1 AA. E boetse e fetotse 'mala oa rona o fapaneng oa mebala ho tloha $gray-900ho $black.
Ho ts'ehetsa sistimi ea rona ea mebala, re kentse tloaelo tint-color()le shade-color()mesebetsi e mecha ho kopanya mebala ea rona ka nepo.

Lintlafatso tsa grid

Qeto e ncha! E kentse sebaka sa phomolo se secha xxlbakeng sa 1400pxle holimo. Ha ho liphetoho libakeng tse ling kaofela.
Li-gutters tse ntlafalitsoeng. Li-Gutters li se li behiloe ka li-rems, 'me li tšesaane ho feta v4 ( 1.5rem, kapa hoo e ka bang 24px, ho tloha ho 30px). Sena se hokahanya likhoele tsa sistimi ea rona le lisebelisoa tsa rona tsa sebaka.
- E kentse sehlopha se secha sa li-gutter ( .g-*, .gx-*, le .gy-*) ho laola li-gutter tse tšekaletseng/tse emeng, li-gutter tse tšekaletseng, le li-gutter tse emeng.
- Ho qhetsolaE rehelletsoe .no-guttersho .g-0tsamaisana le lisebelisoa tse ncha tsa gutter.
Likholomo ha li sa position: relativesebetsa, kahoo u ka tlameha ho kenya .position-relativelikarolo tse ling ho khutlisetsa boitšoaro boo.
Ho qhetsolaE theohile litlelase tse 'maloa .order-*tseo hangata li neng li sa sebelisoe. Hona joale re fana feela ka .order-1ntle .order-5ho lebokose.
Ho qhetsolaE lahlile .mediakarolo kaha e ka kopitsoa habonolo le lisebelisoa. Sheba #28265 le leqephe la lisebelisoa tsa flex mohlala .
Ho qhetsola bootstrap-grid.csshona joale e sebetsa feela box-sizing: border-boxho kholomo ho e-na le ho tsosolosa boholo ba lebokose la lefats'e. Ka tsela ena, mekhoa ea rona ea grid e ka sebelisoa libakeng tse ngata ntle le tšitiso.
$enable-grid-classesha e sa thibela tlhahiso ea lihlopha tsa lijana. Sheba #29146.
E ntlafalitse make-colmixin hore e be ea kamehla ho likholomo tse lekanang ntle le boholo bo boletsoeng.

Content, Reboot, joalo-joalo

Hona joale RFS e sebelisoa ke kamehla. Lihlooho tse sebelisangfont-size()mixin li tla ikamahanya le maemo a tsonafont-sizele sebaka sa pono. Karolo ena e kile ea khetha ho kena ka v4.
Ho qhetsolaE ntlafalitse typography ea rona ho fetola $display-*mefuta ea rona le $display-font-sizes'mapa oa Sass. E boetse e tlositse $display-*-weightmefuta-futa ea motho ka mong bakeng sa s e le 'ngoe $display-font-weightle e lokisitsoeng font-size.
.display-*E ekelitse boholo ba lihlooho tse peli tse ncha , .display-5le .display-6.
Lihokelo li thathamisitsoe ka mokhoa oa kamehla (eseng feela ho hover), ntle le haeba e le karolo ea likarolo tse itseng.
Litafole tse entsoeng bocha ho nchafatsa litaele tsa tsona le ho li aha bocha ka mefuta ea CSS bakeng sa taolo e eketsehileng holim'a setaele.
Ho qhetsolaLitafole tse halikiloeng ha li sa rua mekhoa.
Ho qhetsola .thead-light'me .thead-darkli lahliloe molemong oa .table-*lihlopha tse fapaneng tse ka sebelisoang bakeng sa likarolo tsohle tsa tafole ( thead, tbody, tfoot, tr, thand td).
Ho qhetsolaMotsoako table-row-variant()o rehiloe hape table-variant()mme o amohela li-parameter tse 2 feela: $color(lebitso la mebala) le $value(khoutu ea mebala). 'Mala oa moeli le mebala ea molumo e baloa ka bo eona ho latela mefuta-futa ea tafole.
Arola mefuta e fapaneng ea padding ea lisele tsa tafole ka har'a -yle -x.
Ho qhetsolaSehlopha se theohileng .pre-scrollable. Sheba #29135
Ho qhetsola .text-*Lisebelisoa ha li sa eketsa hover le libaka tse tsepamisisang maikutlo ho lihokelo. .link-*litlelase tsa bathusi li ka sebelisoa ho e-na le hoo. Sheba #29267
Ho qhetsolaSehlopha se theohileng .text-justify. Sheba #29793
Ho qhetsola <hr>joale lisebelisoa li sebelisoa heightho e-na le borderho tšehetsa sizetšobotsi hamolemo. Sena se boetse se nolofalletsa ts'ebeliso ea lisebelisoa tsa marang-rang ho theha likarohano tse teteaneng (mohlala, <hr class="py-1">).
Seta botjha ho tsepameng padding-leftle <ul>dikarolo <ol>ho tloha ho ya kamehla ho ya 40pxho 2rem.
E ekelitsoe $enable-smooth-scroll, e sebetsang scroll-behavior: smoothlefats'eng ka bophara-ntle le basebelisi ba kopang ho fokotsa motsamao ka prefers-reduced-motionpotso ea media. Sheba #31877

RTL

Mefuta e fapaneng ea tataiso e otlolohileng, lisebelisoa, le li-mixins kaofela li rehiloe lebitso ho sebelisa thepa e utloahalang joalo ka e fumanoang ho flexbox meralo-mohlala, startle endsebakeng sa leftle right.

Mefuta

E kentse liforomo tse ncha tse phaphametseng! Re khothalelitse mohlala oa "Floating labels" ho likarolo tsa liforomo tse tšehetsoeng ka botlalo. Sheba leqephe le lecha la li-labels tsa Floating.
Ho qhetsola Likarolo tse kopantsoeng tsa tlhaho le tsa tloaelo. Mabokose a cheke, liea-le-moea, likhetho, le lintho tse ling tse kentsoeng tse neng li e-na le litlelase tsa khale le tsa tloaelo ho v4 li kopantsoe. Hona joale hoo e batlang e le likarolo tsohle tsa rona tsa foromo li tloaelehile ka ho feletseng, haholo ntle le tlhoko ea tloaelo ea HTML.
- .custom-checkhona joale .form-check.
- .custom-check.custom-switchhona joale .form-check.form-switch.
- .custom-selecthona joale .form-select.
- .custom-file'me .form-fileli nkeloe sebaka ke mekhoa e tloaelehileng holim'a .form-control.
- .custom-rangehona joale .form-range.
- Letsoalloa .form-control-filele .form-control-range.
Ho qhetsolaE theohile .input-group-appendle .input-group-prepend. Hona joale o ka eketsa likonopo le .input-group-textjoalo ka bana ba tobileng ba lihlopha tsa ho kenya.
Sebaka sa nako e telele se sieo sa moeli oa sehlopha sa ho kenya se nang le phoso ea netefatso qetellong se tla lokisoa ka ho eketsa .has-validationsehlopha ho lihlopha tse kenyang ka netefatso.
Ho qhetsola Ho theohile litlelase tsa sebopeho se ikhethileng bakeng sa sistimi ea rona ea grid. Sebelisa marang-rang le lisebelisoa tsa rona sebakeng sa .form-group, .form-row, kapa .form-inline.
Ho qhetsolaLitlaleho tsa foromo joale li hloka .form-label.
Ho qhetsola .form-textno longer set display, e o lumellang hore o thehe mongolo oa inline kapa o thibele thuso kamoo o lakatsang ka ho fetola karolo ea HTML.
Matšoao a netefatso ha a sa sebelisoa ho <select>s le multiple.
Mohloli o hlophisitsoeng bocha Lifaele tsa Sass tlas'a scss/forms/, ho kenyeletsoa le mekhoa ea lihlopha tsa ho kenya.

Likaroloana

Maemo a kopaneng paddinga litemoso, li-breadcrumbs, likarete, li-dropdown, lihlopha tsa lenane, li-modal, li-popovers, le malebela a lisebelisoa ho ipapisitse le $spacerphapang ea rona. Sheba #30564 .

Accordion

E kentse karolo e ncha ea accordion .

Litlhokomeliso

Litlhokomeliso joale li na le mehlala e nang le litšoantšo .
E tlositse mekhoa e tloahelehileng bakeng sa <hr>s tlhokomelisong ka 'ngoe kaha ba se ba ntse ba e sebelisa currentColor.

Libeche

Ho qhetsolaE lahlile litlelase tsohle .badge-*tsa mebala bakeng sa lisebelisoa tsa morao-rao (mohlala, sebelisa .bg-primarysebakeng sa .badge-primary).
Ho qhetsolaE theohile - sebelisa .badge-pillsesebelisoa ho .rounded-pille-na le hoo.
Ho qhetsolaE tlositsoe hover le ho tsepamisa maikutlo bakeng sa <a>le <button>likarolo.
Keketseho ea li-padding ea kamehla bakeng sa libeche ho tloha ho .25em/ .5emho ea .35em/ .65em.

Li-breadcrumbs

E nolofalitse ponahalo ea kamehla ea breadcrumbs ka ho tlosa padding, background-color, le border-radius.
E kentse thepa e ncha ea CSS --bs-breadcrumb-dividerbakeng sa ho e etsa habonolo ntle le ho hloka ho bokella CSS hape.

Likonopo

Ho qhetsola Likonopo tsa ho fetola , tse nang le li-checkbox kapa liea-le-moea, ha li sa hloka JavaScript 'me li na le letšoao le lecha. Ha re sa hloka ntho e phuthelang, eketsa.btn-checkho<input>, 'me u e kopanye le lihlopha life kapa life.btntsa<label>. Sheba #30650 . Litokomane tsa sena li tlohile leqepheng la rona la Likonopo ho ea karolong e ncha ea Liforomo.
Ho qhetsola E theotsoe .btn-blockbakeng sa lisebelisoa. Sebakeng sa ho sebelisa .btn-blockho .btn, thatela likonopo tsa hau ka .d-gridsesebelisoa .gap-*sa ho li beha ha ho hlokahala. Fetohela ho lihlopha tse arabelang ho fumana taolo e eketsehileng holim'a tsona. Bala litokomane bakeng sa mehlala e meng.
E ntlafalitse rona button-variant()le button-outline-variant()li-mixins ho ts'ehetsa liparamente tse ling.
Likonopo tse nchafalitsoeng ho netefatsa phapang e ntseng e eketseha ho hover le libaka tse sebetsang.
Likonopo tse holofetseng li na le pointer-events: none;.

Karete

Ho qhetsolaE oele .card-deckmolemong oa grid ea rona. Koaela likarete tsa hau ka litlelase tsa likholomo 'me u kenye .row-cols-*setshelo sa motsoali ho etsa li-deck tsa likarete (empa ka taolo e eketsehileng mabapi le tatellano e arabelang).
Ho qhetsolaE theohile .card-columnsmolemong oa Masonry. Sheba #28922 .
Ho qhetsolaE kentse sebaka sa .cardaccordion e thehiloeng ka karolo e ncha ea Accordion .

Carousel

.carousel-darkE kentse mofuta o mocha oa mongolo o lefifi, li-control le matšoao (e ntle bakeng sa nalane e bobebe).
E nkeloe sebaka ke li-icon tsa chevron bakeng sa taolo ea carousel ka li-SVG tse ncha tse tsoang ho Litšoantšo tsa Bootstrap .

Konopo ea ho koala

Ho qhetsolaE reheletsoe .closeho .btn-closebakeng sa lebitso le sa tloaelehang.
Likonopo tse koalang joale li sebelisa background-image(SVG e kentsoeng) ×sebakeng sa HTML, e u lumellang hore u iketsetse habonolo ntle le tlhoko ea ho ama letšoao la hau.
E kenyellelitse mofuta o mocha .btn-close-whiteo sebelisang filter: invert(1)ho lumella li-icon tsa phapang tse phahameng khahlano le maemo a lefifi.

Koaleha

E tlositsoe moqolo oa anchoring bakeng sa li-accordions.

Litheohelang

E kentse mefuta e mecha .dropdown-menu-darkle e amanang le eona bakeng sa li-dropdown tse lefifi tse batloang.
E kentse phapano e ncha bakeng sa $dropdown-padding-x.
E fifalitse karohano ea litheolelo bakeng sa phapang e ntlafetseng.
Ho qhetsolaLiketsahalo tsohle tsa ho theoha li se li hlahisoa ho konopo ea toggle e theolelang ebe li phahamisoa ho karolo ea motsoali.
Manane a theoha hona joale a na le data-bs-popper="static"sebopeho se behiloeng ha sebaka sa ho theoha se tsitsitse le data-bs-popper="none"ha ho theoha ho le ho navbar. Sena se eketsoa ke JavaScript ea rona mme se re thusa ho sebelisa mekhoa ea maemo a tloaelehileng ntle le ho kena-kenana le boemo ba Popper.
Ho qhetsolaKhetho flipe lahliloeng bakeng sa plugin e theoha molemong oa tlhophiso ea sebaka sa Popper. Hona joale o ka tima mokhoa oa ho phethola ka ho fetisa lethathamo le se nang letho bakeng sa fallbackPlacementskhetho ea flip modifier.
Menu e theohang joale e ka tobeha ka autoClosekhetho e ncha ea ho sebetsana le boits'oaro bo haufi-ufi . U ka sebelisa khetho ena ho amohela ho tobetsa ka hare kapa ka ntle ho menu e theoha ho etsa hore e sebelisane.
Dropdowns joale tšehetso .dropdown-iteme phuthetsoe ka <li>s.

Jumbotron

Ho qhetsolaE lahlile karolo ea jumbotron kaha e ka kopitsoa ka lisebelisoa. Sheba mohlala oa rona o mocha oa Jumbotron bakeng sa demo.

Sehlopha sa lenane

.list-group-numberedE kentse phetoho e ncha ho lihlopha tsa lenane.

Navs le li-tab

nullE kentse mefuta e mecha bakeng sa font-size, font-weight, color, le :hover colorphaposing .nav-link.

Navbar

Ho qhetsolaLi-Navbar joale li hloka setshelo ka hare ho (ho nolofatsa haholo litlhoko tsa sebaka le CSS e hlokahalang).

Offcanvas

E kentse karolo e ncha ea offcanvas .

Pagination

Lihokelo tsa pagination joale li na le mokhoa oa ho ikhethela margin-lefttse pota-potiloeng ka matla likhutlong tsohle ha li arotsoe ho tse ling.
E kenyellelitsoe transitions ho lihokelo tsa pagination.

Bafutsana

Ho qhetsolaE reheletsoe .arrowho .popover-arrowtemplate ea rona ea kamehla ea popover.
whiteListKhetho e reheletsoeng ho allowList.

Li-spinners

Hona joale li-spinners li hlompha prefers-reduced-motion: reduceka ho fokotsa lipopae. Sheba #31882 .
Telamiso e otlolohileng ea spinner.

Li-toast

Hona joale li-toast li ka behoa ho a .toast-containerka thuso ea ho beha lisebelisoa .
E fetotse nako ea toast ea kamehla ho metsotsoana e 5.
E tlositsoe overflow: hiddenho toasts mme e nkeloe sebaka ke border-radiuss e nepahetseng ka calc()mesebetsi.

Lisebelisoa

Ho qhetsolaE reheletsoe bocha .arrowho .tooltip-arrowtemplate ea rona ea kamehla.
Ho qhetsolaBoleng ba kamehla ba tokollo bo fallbackPlacementsfetotsoe ['top', 'right', 'bottom', 'left']bakeng sa ho beoa hantle ha likarolo tsa popper.
Ho qhetsolawhiteListKhetho e reheletsoeng ho allowList.

Lisebelisoa

Ho qhetsolaE reha lits'ebeletso tse 'maloa ho sebelisa mabitso a thepa e utloahalang ho e-na le mabitso a tataiso ka kenyelletso ea tšehetso ea RTL:
- E reheletsoe bocha .left-*le .right-*ho .start-*le ho .end-*.
- E reheletsoe bocha .float-leftle .float-rightho .float-startle ho .float-end.
- E reheletsoe bocha .border-leftle .border-rightho .border-startle ho .border-end.
- E reheletsoe bocha .rounded-leftle .rounded-rightho .rounded-startle ho .rounded-end.
- E reheletsoe bocha .ml-*le .mr-*ho .ms-*le ho .me-*.
- E reheletsoe bocha .pl-*le .pr-*ho .ps-*le ho .pe-*.
- E reheletsoe bocha .text-leftle .text-rightho .text-startle ho .text-end.
Ho qhetsolaLi-margins tse nyahamisang tse holofetseng ka ho sa feleng.
E kentse sehlopha se secha .bg-bodybakeng sa ho beha semelo sa 'mele kapele ho <body>likarolo tse ling.
E kentse lisebelisoa tse ncha tsa boemo bakeng sa top, right, bottom, le left. Boleng bo kenyeletsa 0, 50%, le 100%bakeng sa thepa ka 'ngoe.
E kentse lisebelisoa tse ncha .translate-middle-xle .translate-middle-ylits'ebeletso ho lintho tse maemong a holimo kapa tse theohileng bohareng.
border-widthE kentse lisebelisoa tse ncha .
Ho qhetsolaE reheletsoe bocha .text-monospaceho .font-monospace.
Ho qhetsolaE tlositsoe .text-hidekaha ke mokhoa oa khale oa ho pata mongolo o sa lokelang ho sebelisoa.
Lisebelisoa tse ekelitsoeng .fs-*bakeng sa font-sizelits'ebeletso (ka RFS e lumelletsoe). Tsena li sebelisa sekala se lekanang le lihlooho tsa kamehla tsa HTML (1-6, tse kholo ho isa ho tse nyane), 'me li ka fetoloa ka 'mapa oa Sass.
Ho qhetsolaLisebelisoa tse .font-weight-*rehelletsoeng .fw-*ka bokhutšoane le ho tsitsa.
Ho qhetsolaLisebelisoa tse .font-style-*rehelletsoeng .fst-*ka bokhutšoane le ho tsitsa.
E kentsoe .d-gridho bonts'a lisebelisoa le lisebelisoa tse ncha gap( .gap) bakeng sa Grid ea CSS le meralo ea flexbox.
Ho qhetsolaE tlositsoe .rounded-smle rounded-lg, le ho hlahisa sekala se secha sa lihlopha, .rounded-0ho .rounded-3. Sheba #31687 .
E kentse lisebelisoa tse ncha line-height: .lh-1, .lh-sm, .lh-basele .lh-lg. Bona mona .
E tsamaisitse .d-nonets'ebeliso ho CSS ea rona ho e fa boima bo fetang lisebelisoa tse ling tsa ponts'o.
Atolosa .visually-hidden-focusablemothusi hore le eena a sebetse ka lijaneng, a sebelisa :focus-within.

Bathusi

Ho qhetsola Bathusi ba embed ba arabelang ba rehiloe lebitso la bathusi ba karo-karolelano ba nang le mabitso a macha a lihlopha le boitšoaro bo ntlafetseng, hammoho le phetoho e thusang ea CSS.
- Litlelase li rehelletsoe ka ho feto-fetoha byho xkarolo ea likarolo. Ka mohlala, .ratio-16by9hona joale .ratio-16x9.
- Re tlohetse khetho ea .embed-responsive-item'me ea lihlopha bakeng sa khetho e bonolo .ratio > *. Ha ho sa hlokahala sehlopha, 'me mothusi oa karo-karolelano hona joale o sebetsa le ntho efe kapa efe ea HTML.
- ' $embed-responsive-aspect-ratiosMapa oa Sass o rehelletsoe ' $aspect-ratiosme boleng ba ona bo nolofalitsoe ho kenyelletsa lebitso la sehlopha le peresente joalo ka key: valuepara.
- Mefuta e fapaneng ea CSS e se e entsoe mme e kenyellelitsoe boleng bo bong le bo bong 'mapeng oa Sass. Fetola --bs-aspect-ratiofeto-fetoha ho .ratioho theha karolo efe kapa efe e tloahelehileng .
Ho qhetsola Lihlopha tsa "Screen reader" joale li se li le litlelase tse "patiloeng ka pono" .
- Fetola faele ea Sass ho tloha scss/helpers/_screenreaders.scsshoscss/helpers/_visually-hidden.scss
- E reheletsoe bocha .sr-onlyle .sr-only-focusableho .visually-hiddenle.visually-hidden-focusable
- E reha bocha sr-only()le sr-only-focusable()metsoako ho visually-hidden()le visually-hidden-focusable().
bootstrap-utilities.cssjwale le bathusi ba rona. Bathusi ha ba sa tlameha ho romelloa ka har'a meaho e tloaelehileng.

JavaScript

E theohile ho itšetleha ka jQuery le ho ngola li-plugins bocha hore li be JavaScript e tloaelehileng.
Ho qhetsolaLitšobotsi tsa data bakeng sa li-plugins tsohle tsa JavaScript li se li ngotsoe ka mabitso ho thusa ho khetholla tšebetso ea Bootstrap ho batho ba boraro le khoutu ea hau. Ka mohlala, re sebelisa data-bs-toggleho e-na le data-toggle.
Li-plugins tsohle joale li ka amohela khetho ea CSS e le khang ea pele. U ka fetisa karolo ea DOM kapa khetho efe kapa efe e nepahetseng ea CSS ho theha mohlala o mocha oa plugin:
```
var modal = new bootstrap.Modal('#myModal')
var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
```
popperConfige ka fetisoa e le ts'ebetso e amohelang tlhophiso ea kamehla ea Bootstrap ea Popper joalo ka khang, e le hore o ka kopanya tlhophiso ena ea kamehla tseleng ea hau. E sebetsa ho dropdowns, popover, le tooltips.
Boleng ba kamehla ba tokollo bo fallbackPlacementsfetotsoe ['top', 'right', 'bottom', 'left']bakeng sa ho beoa hantle ha likarolo tsa Popper. E sebetsa ho dropdowns, popover, le tooltips.
E tlositsoe underscore ho tsoa mekhoeng e tsitsitseng ea sechaba joalo ka _getInstance()→ getInstance().