Aqbeż għall-kontenut prinċipali Aqbeż għan-navigazzjoni tad-dokumenti
in English

Migrazzjoni lejn v5

Issegwi u rrevedi l-bidliet fil-fajls tas-sors tal-Bootstrap, id-dokumentazzjoni u l-komponenti biex jgħinuk temigra minn v4 għal v5.

Fuq din il-paġna

Dipendenzi

  • Waqqa jQuery.
  • Imtejba minn Popper v1.x għal Popper v2.x.
  • Libsass mibdul b'Dart Sass peress li l-kompilatur tagħna ta' Sass mogħti Libsass kien deprecated.
  • Emigrajt minn Jekyll għal Hugo għall-bini tad-dokumentazzjoni tagħna

Appoġġ għall-browser

  • Waqqa l-Internet Explorer 10 u 11
  • Microsoft Edge twaqqa' < 16 (Legacy Edge)
  • Waqqa' Firefox < 60
  • Waqqa' Safari < 12
  • Waqa' iOS Safari < 12
  • Chrome waqa' < 60

Bidliet fid-dokumentazzjoni

  • Homepage, tqassim tad-doks, u footer imfassla mill-ġdid.
  • Miżjud gwida ġdida tal-Pakketti .
  • Miżjud taqsima ġdida Customize , li tissostitwixxi l-paġna Theming ta' v4 , b'dettalji ġodda dwar Sass, għażliet ta' konfigurazzjoni globali, skemi ta' kuluri, varjabbli CSS, u aktar.
  • Riorganizzat id-dokumentazzjoni kollha tal -formoli f'sezzjoni ġdida ta' Formoli , u tkisser il-kontenut f'paġni aktar iffukati.
  • Bl-istess mod, aġġorna t-taqsima Layout , biex ilaħħam il-kontenut tal-grilja b'mod aktar ċar.
  • Isimha mill-ġdid il-paġna tal-komponent “Navs” għal “Navs & Tabs”.
  • Isimha mill-ġdid il-paġna “Verifiki” għal “Verifiki u radjijiet”.
  • Iddisinja mill-ġdid in-navbar u żied subnav ġdid biex tagħmilha aktar faċli li wieħed imur madwar is-siti u l-verżjonijiet tad-doks tagħna.
  • Miżjud shortcut ġdid tat-tastiera għall-qasam tat-tfittxija: Ctrl + /.

Sass

  • Neħħejna l-mappa Sass default biex tagħmilha aktar faċli li jitneħħew valuri żejda. Żomm f'moħħok li issa trid tiddefinixxi l-valuri kollha fil-mapep Sass bħal $theme-colors. Iċċekkja kif tittratta l- mapep Sass .

  • TkissirFunzjoni b'isem ġdid color-yiq()u varjabbli relatati għal color-contrast()peress li m'għadhiex relatata mal-ispazju tal-kulur YIQ. Ara #30168.

    • $yiq-contrasted-thresholdtissejjaħ mill-ġdid għal $min-contrast-ratio.
    • $yiq-text-darku $yiq-text-lighthuma rispettivament isem ġdid għal $color-contrast-darku $color-contrast-light.

  • TkissirIl-parametri mixins ta' query tal-midja nbidlu għal approċċ aktar loġiku.

    • media-breakpoint-down()juża l-breakpoint innifsu minflok il-breakpoint li jmiss (eż., media-breakpoint-down(lg)minflok media-breakpoint-down(md)jimmira viewports iżgħar minn lg).
    • Bl-istess mod, it-tieni parametru in media-breakpoint-between()juża wkoll il-breakpoint innifsu minflok il-breakpoint li jmiss (eż., media-between(sm, lg)minflok media-breakpoint-between(sm, md)jimmira viewports bejn smu lg).

  • TkissirNeħħew stili stampati u $enable-print-stylesvarjabbli. Klassijiet tal-wiri tal-istampar għadhom madwar. Ara #28339 .

  • TkissirWaqqa color(), theme-color(), u gray()funzjonijiet favur varjabbli. Ara #29083 .

  • Tkissirtheme-color-level()Funzjoni b'isem ġdid għal color-level()u issa taċċetta kwalunkwe kulur li trid minflok $theme-colorkuluri biss. Ara #29083 Oqgħod attent: color-level() aktar tard twaqqgħet fi v5.0.0-alpha3.

  • TkissirIsmu mill -ġdid $enable-prefers-reduced-motion-media-queryu $enable-pointer-cursor-for-buttonsgħal $enable-reduced-motionu $enable-button-pointersgħall-qosor.

  • TkissirNeħħa l- bg-gradient-variant()mixin. Uża l- .bg-gradientklassi biex iżżid gradjenti ma' elementi minflok il- .bg-gradient-*klassijiet iġġenerati.

  • Tkissir Tneħħew mixins li qabel kienu deprecati:

    • hover, hover-focus, plain-hover-focus, uhover-focus-active
    • float()
    • form-control-mixin()
    • nav-divider()
    • retina-img()
    • text-hide()(Waqqa' wkoll il-klassi ta' utilità assoċjata, .text-hide)
    • visibility()
    • form-control-focus()

  • Tkissirscale-color()Funzjoni b'isem ġdid biex shift-color()tiġi evitata ħabta mal-funzjoni ta 'skala tal-kulur ta' Sass stess.

  • box-shadowmixins issa jippermettu nullvaluri u qatra noneminn argumenti multipli. Ara #30394 .

  • Il- border-radius()mixin issa għandu valur default.

Sistema tal-kulur

  • Is-sistema tal-kulur li ħadmet color-level()u $theme-color-intervaltneħħiet favur sistema ġdida tal-kulur. Kollha lighten()u l- darken()funzjonijiet fil-codebase tagħna huma sostitwiti minn tint-color()u shade-color(). Dawn il-funzjonijiet se jħalltu l-kulur jew bl-abjad jew bl-iswed minflok ma jibdlu l-ħeffa tiegħu b'ammont fiss. Il shift-color()-lewn jew sfumatura ta 'kulur skond jekk il-parametru tal-piż tiegħu huwiex pożittiv jew negattiv. Ara #30622 għal aktar dettalji.

  • Żiedu sfumaturi u sfumaturi ġodda għal kull kulur, li jipprovdu disa 'kuluri separati għal kull kulur bażi, bħala varjabbli Sass ġodda.

  • Kuntrast tal-kulur imtejjeb. Proporzjon ta 'kuntrast tal-kulur imtaffi minn 3:1 sa 4.5:1 u kuluri aġġornati blu, aħdar, cyan, u roża biex jiżguraw kuntrast WCAG 2.1 AA. Bidla wkoll il-kulur tal-kuntrast tal-kulur tagħna minn $gray-900għal $black.

  • Biex nappoġġjaw is-sistema tal-kulur tagħna, żidna użanza tint-color()u shade-color()funzjonijiet ġodda biex inħalltu l-kuluri tagħna b'mod xieraq.

Aġġornamenti tal-grilja

  • Breakpoint ġdid! Miżjud xxlbreakpoint ġdid għal 1400pxu up. L-ebda tibdil fil-breakpoints l-oħra kollha.

  • Canali mtejba. Il-kanali issa huma stabbiliti f'rems, u huma idjaq minn v4 ( 1.5rem, jew madwar 24px, 'l isfel minn 30px). Dan jallinja l-kanali tas-sistema tal-grilja tagħna mal-utilitajiet tal-ispazjar tagħna.

    • Miżjud klassi ġdida tal-kanal ( .g-*, .gx-*, u .gy-*) biex tikkontrolla kanali orizzontali/vertikali, kanali orizzontali, u kanali vertikali.
    • TkissirIsmu mill -ġdid .no-guttersgħal .g-0biex jaqbel ma' utilitajiet ġodda tal-kanal.

  • Il-kolonni m'għadhomx position: relativeapplikaw, għalhekk jista' jkun li jkollok iżżid .position-relativema' xi elementi biex tirrestawra dik l-imġieba.

  • TkissirWaqqa 'diversi .order-*klassijiet li ħafna drabi ma ntużawx. Aħna issa nipprovdu biss .order-1lil .order-5barra mill-kaxxa.

  • TkissirWaqqa 'l- .mediakomponent peress li jista' jiġi replikat faċilment b'utilitajiet. Ara #28265 u l- paġna tal-utilitajiet flex għal eżempju .

  • Tkissir bootstrap-grid.cssissa japplika biss box-sizing: border-boxgħall-kolonna minflok ma jerġa 'jissettja l-kaxxa tad-daqs globali. Dan il-mod, l-istili tal-grilja tagħna jistgħu jintużaw f'aktar postijiet mingħajr interferenza.

  • $enable-grid-classesma jibqax jiskonnettja l-ġenerazzjoni tal-klassijiet tal-kontejners aktar. Ara #29146.

  • Aġġorna l- make-colmixin għal default għal kolonni ugwali mingħajr daqs speċifikat.

Kontenut, Reboot, eċċ

  • L- RFS issa hija attivata awtomatikament. L-intestaturi li jużaw il-font-size()mixin awtomatikament jaġġustawhomfont-sizegħall-iskala mal-viewport. Din il-karatteristika qabel kienet opt-in ma v4.

  • TkissirImmodifikat it-tipografija tal-wiri tagħna biex tissostitwixxi l- $display-*varjabbli tagħna u $display-font-sizesb'mappa Sass. Neħħew ukoll il- $display-*-weightvarjabbli individwali għal s wieħed $display-font-weightu aġġustat font-size.

  • Żiedu żewġ .display-*daqsijiet ġodda ta' intestatura, .display-5u .display-6.

  • Il-links huma ssottolinjati awtomatikament (mhux biss meta jduru), sakemm ma jkunux parti minn komponenti speċifiċi.

  • Tabelli ddisinjati mill-ġdid biex jġedded l-istili tagħhom u jibnuhom mill-ġdid b'varjabbli CSS għal aktar kontroll fuq l-istil.

  • TkissirTabelli nested ma jirtux aktar stili.

  • Tkissir .thead-lightu .thead-darkjitneħħew favur il- .table-*klassijiet varjanti li jistgħu jintużaw għall-elementi kollha tat-tabella ( thead, tbody, tfoot, tr, thu td).

  • TkissirIl- table-row-variant()mixin jingħata isem ġdid għal table-variant()u jaċċetta biss 2 parametri: $color(isem tal-kulur) u $value(kodiċi tal-kulur). Il-kulur tal-fruntiera u l-kuluri tal-aċċent huma kkalkulati awtomatikament abbażi tal-varjabbli tal-fattur tat-tabella.

  • Qasam il-varjabbli tal-ikkuttunar taċ-ċelluli tal-mejda fi -yu -x.

  • TkissirNiżel .pre-scrollableklassi. Ara #29135

  • Tkissir .text-*l-utilitajiet ma jżidux aktar stati hover u jiffokaw għal links. .link-*klassijiet helper jistgħu jintużaw minflok. Ara #29267

  • TkissirNiżel .text-justifyklassi. Ara #29793

  • Tkissir <hr>elementi issa jużaw heightminflok borderbiex jappoġġjaw aħjar l- sizeattribut. Dan jippermetti wkoll l-użu ta 'utilitajiet tal-ikkuttunar biex jinħolqu diviżuri eħxen (eż, <hr class="py-1">).

  • Irrisettja default orizzontali padding-leftfuq <ul>u <ol>elementi mill-browser default 40pxgħal 2rem.

  • Miżjud $enable-smooth-scroll, li japplika scroll-behavior: smoothglobalment—ħlief għall-utenti li jitolbu moviment imnaqqas permezz ta prefers-reduced-motion' query tal-midja. Ara #31877

RTL

  • Varjabbli speċifiċi tad-direzzjoni orizzontali, utilitajiet, u mixins kollha ngħataw isem ġdid biex jużaw proprjetajiet loġiċi bħal dawk misjuba fit-tqassim tal-flexbox—eż, startu endminflok leftu right.

Formoli

  • Miżjud forom galleġġjanti ġodda! Aħna promossejna l-eżempju tat-tikketti li jżommu f'wiċċ l-ilma għal komponenti tal-forma appoġġjati bis-sħiħ. Ara l-paġna l-ġdida tat-tikketti f'wiċċ l-ilma.

  • Tkissir Elementi konsolidati tal-forma nattiva u tad-dwana. Kaxxi ta' kontroll, radjijiet, selezzjonijiet, u inputs oħra li kellhom klassijiet indiġeni u personalizzati f'v4 ġew ikkonsolidati. Issa kważi l-elementi kollha tal-forma tagħna huma kompletament personalizzati, l-aktar mingħajr il-ħtieġa għal HTML personalizzat.

    • .custom-checkhuwa issa .form-check.
    • .custom-check.custom-switchhuwa issa .form-check.form-switch.
    • .custom-selecthuwa issa .form-select.
    • .custom-fileu .form-fileġew sostitwiti bi stili tad-dwana fuq .form-control.
    • .custom-rangehuwa issa .form-range.
    • Niżel indiġeni .form-control-fileu .form-control-range.

  • TkissirWaqqa .input-group-appendu .input-group-prepend. Issa tista 'żżid biss buttuni u .input-group-textbħala tfal diretti tal-gruppi ta' input.

  • Ir-raġġ tal-fruntiera Neqsin għal żmien twil fuq grupp ta 'input b'bug ta' feedback ta 'validazzjoni huwa finalment iffissat billi żżid .has-validationklassi addizzjonali għal gruppi ta' input b'validazzjoni.

  • Tkissir Waqqa 'klassijiet ta' tqassim speċifiċi għall-forma għas-sistema tal-grilja tagħna. Uża l-grilja u l-utilitajiet tagħna minflok .form-group, .form-row, jew .form-inline.

  • TkissirIt-tikketti tal-formola issa jeħtieġu .form-label.

  • Tkissir .form-textm'għadux jistabbilixxi display, li jippermettilek toħloq test ta' għajnuna inline jew jimblokka kif tixtieq sempliċement billi tibdel l-element HTML.

  • L-ikoni tal-validazzjoni m'għadhomx applikati għal <select>s bi multiple.

  • Sors rranġati mill-ġdid Fajls Sass taħt scss/forms/, inklużi stili ta' grupp ta' input.

Komponenti

  • Valuri unifikati paddinggħal twissijiet, frak tal-ħobż, karti, dropdowns, gruppi ta' lista, modals, popovers, u tooltips li għandhom ikunu bbażati fuq il- $spacervarjabbli tagħna. Ara #30564 .

Akkordju

Twissijiet

  • It-twissijiet issa għandhom eżempji b'ikoni .

  • Neħħew stili tad-dwana għal <hr>s f'kull twissija peress li diġà jużaw currentColor.

Badges

  • TkissirWaqqa 'l .badge-*-klassijiet kollha tal-kulur għall-utilitajiet fl-isfond (eż., uża .bg-primaryminflok .badge-primary).

  • TkissirWaqqa .badge-pill— uża l- .rounded-pillutilità minflok.

  • TkissirTneħħew l-istili ta' hover u fokus għal <a>u <button>elementi.

  • Żieda fil-kuttunar default għall-badges minn .25em/ .5emsa .35em/ .65em.

  • Issimplifika d-dehra default tal-frak tal-ħobż billi neħħiet padding, background-color, u border-radius.

  • Miżjud proprjetà ġdida tad-dwana tas-CSS --bs-breadcrumb-dividergħal customization faċli mingħajr il-ħtieġa li terġa 'tikkompila CSS.

Buttuni

  • Tkissir Il- buttuni taqleb , b'kaxxi ta' kontroll jew radjijiet, m'għadhomx jeħtieġu JavaScript u għandhom marka ġdida. M'għadniex neħtieġu element tat-tgeżwir, żid.btn-checkmal-<input>, u għaqqadha ma' kwalunkwe.btnklassi fuq il-<label>. Ara #30650 . Id-dokumenti għal dan ċċaqalqu mill-paġna Buttuni tagħna għat-taqsima l-ġdida tal-Formoli.

  • Tkissir Niżel .btn-blockgħall-utilitajiet. Minflok tuża .btn-blockfuq il- .btn, wrap buttuni tiegħek bi .d-gridu .gap-*utilità biex tispazjawhom kif meħtieġ. Aqleb għal klassijiet li jirrispondu għal aktar kontroll fuqhom. Aqra d-dokumenti għal xi eżempji.

  • Aġġornata tagħna button-variant()u button-outline-variant()mixins biex jappoġġjaw parametri addizzjonali.

  • Buttuni aġġornati biex jiġi żgurat kuntrast akbar fuq l-istati attivi u ta' l-over.

  • Buttuni b'diżabilità issa għandhom pointer-events: none;.

Card

  • TkissirNiżel .card-deckfavur il-grid tagħna. Kebbeb il-karti tiegħek fi klassijiet tal-kolonni u żid .row-cols-*kontenitur ġenitur biex toħloq mill-ġdid il-gverti tal-karti (iżda b'aktar kontroll fuq l-allinjament reattiv).

  • TkissirWaqqa .card-columns' favur il-Masonry. Ara #28922 .

  • TkissirInbidel l- .cardaccordion ibbażat b'komponent Accordion ġdid .

  • Miżjud .carousel-darkvarjant ġdid għal test skur, kontrolli, u indikaturi (kbir għal sfondi eħfef).

  • Ikoni chevron mibdula għall-kontrolli tal-karużell b'SVGs ġodda minn Bootstrap Icons .

Agħlaq buttuna

  • TkissirIsmu mill -ġdid .closegħal .btn-closegħal isem inqas ġeneriku.

  • Buttuni Agħlaq issa jużaw background-image(SVG inkorporat) minflok a &times;fl-HTML, li jippermetti customization aktar faċli mingħajr il-ħtieġa li tmiss il-markup tiegħek.

  • Miżjud .btn-close-whitevarjant ġdid li juża filter: invert(1)biex jippermetti kuntrast ogħla iwarrab ikoni fuq sfondi aktar skuri.

Kollass

  • Imneħħi l-ankraġġ tal-iscroll għall-accordions.

  • Miżjud .dropdown-menu-darkvarjant ġdid u varjabbli assoċjati għal dropdowns skuri fuq talba.

  • Miżjud varjabbli ġdid għal $dropdown-padding-x.

  • Skura d-diviżur dropdown għal kuntrast imtejjeb.

  • TkissirL-avvenimenti kollha għall-dropdown issa huma attivati ​​fuq il-buttuna ta 'toggle dropdown u mbagħad bżieżaq sa l-element ġenitur.

  • Il-menus dropdown issa għandhom data-bs-popper="static"attribut stabbilit meta l-pożizzjonament tal-dropdown ikun statiku u data-bs-popper="none"meta dropdown ikun fin-navbar. Dan huwa miżjud bil-JavaScript tagħna u jgħinna nużaw stili ta 'pożizzjoni tad-dwana mingħajr ma jinterferixxu mal-pożizzjonament ta' Popper.

  • TkissirGħażla mwaqqfa flipgħall-plugin dropdown favur il-konfigurazzjoni indiġena ta 'Popper. Issa tista 'tiddiżattiva l-imġieba tal-flipping billi tgħaddi firxa vojta għall fallbackPlacements-għażla fil - modifikatur tal-qlib.

  • Il-menus dropdown issa jistgħu jiġu kklikkjati autoCloseb'għażla ġdida biex timmaniġġja l -imġieba tal-għeluq awtomatiku . Tista' tuża din l-għażla biex taċċetta l-ikklikkja ġewwa jew barra l-menu dropdown biex tagħmilha interattiva.

  • Dropdowns issa jappoġġjaw .dropdown-items imgeżwer f <li>'s.

Jumbotron

Lista tal-grupp

  • Miżjud nullvarjabbli ġodda għal font-size, font-weight, color, u :hover colormal- .nav-linkklassi.
  • TkissirNavbars issa jeħtieġu kontenitur ġewwa (biex jissimplifikaw b'mod drastiku r-rekwiżiti ta 'spazjar u CSS meħtieġa).

Offcanvas

Paġnar

  • Ir-rabtiet tal-paġnar issa għandhom customizable margin-leftli huma ttundjati b'mod dinamiku fil-kantunieri kollha meta jkunu separati minn xulxin.

  • Miżjud transitions mal-links tal-paġnar.

Popovers

  • Tkissir.arrowIsmu mill -ġdid fil-mudell popover .popover-arrowdefault tagħna.

  • whiteListGħażla b'isem ġdid għal allowList.

Spinners

  • Spinners issa jonoraw prefers-reduced-motion: reducebilli jnaqqsu l-animazzjonijiet. Ara #31882 .

  • Allinjament vertikali tal-ispinner imtejjeb.

Toasts

  • Toasts issa jistgħu jiġu pożizzjonati fi .toast-containerbl-għajnuna ta ' pożizzjonament utilitajiet .

  • Inbidel it-tul tat-toast default għal 5 sekondi.

  • Imneħħija overflow: hiddenminn toasts u mibdula b border-radius's xierqa calc()b'funzjonijiet.

Tooltips

  • TkissirIsmu mill -ġdid .arrowgħal .tooltip-arrowfil-mudell default tooltip tagħna.

  • TkissirIl-valur default għall- fallbackPlacementshuwa mibdul għal ['top', 'right', 'bottom', 'left']għal tqegħid aħjar ta 'elementi popper.

  • TkissirwhiteListGħażla b'isem ġdid għal allowList.

Utilitajiet

  • TkissirIsimha mill-ġdid diversi utilitajiet biex tuża ismijiet ta 'proprjetà loġika minflok ismijiet direzzjonali biż-żieda ta' appoġġ RTL:

    • Ismu mill -ġdid .left-*u .right-*lil .start-*u .end-*.
    • Ismu mill -ġdid .float-leftu .float-rightlil .float-startu .float-end.
    • Ismu mill -ġdid .border-leftu .border-rightlil .border-startu .border-end.
    • Ismu mill -ġdid .rounded-leftu .rounded-rightlil .rounded-startu .rounded-end.
    • Ismu mill -ġdid .ml-*u .mr-*lil .ms-*u .me-*.
    • Ismu mill -ġdid .pl-*u .pr-*lil .ps-*u .pe-*.
    • Ismu mill -ġdid .text-leftu .text-rightlil .text-startu .text-end.

  • TkissirMarġini negattivi b'diżabilità awtomatikament.

  • Miżjud .bg-bodyklassi ġdida biex issettja malajr l- <body>isfond tal-'s għal elementi addizzjonali.

  • Miżjuda utilitajiet ta 'pożizzjoni ġodda għal top, right, bottom, u left. Valuri jinkludu 0, 50%, u 100%għal kull proprjetà.

  • Miżjud ġodda .translate-middle-xu .translate-middle-yutilitajiet biex iċċentra orizzontalment jew vertikalment elementi pożizzjonati assoluti/fissi.

  • border-widthUtilitajiet ġodda miżjuda .

  • TkissirIsmu mill -ġdid .text-monospacegħal .font-monospace.

  • TkissirImneħħija .text-hideperess li huwa metodu antikwat biex jinħeba test li m'għandux jintuża aktar.

  • Utilitajiet miżjuda .fs-*għall- font-sizeutilitajiet (bil-RFS attivat). Dawn jużaw l-istess skala bħall-intestaturi default tal-HTML (1-6, kbar għal żgħar), u jistgħu jiġu modifikati permezz tal-mappa Sass.

  • Tkissir.font-weight-*Utilitajiet isem ġdid .fw-*għall-qosor u l-konsistenza.

  • Tkissir.font-style-*Utilitajiet isem ġdid .fst-*għall-qosor u l-konsistenza.

  • Miżjud .d-gridbiex juru utilitajiet u utilitajiet ġodda gap( .gap) għal CSS Grid u layouts flexbox.

  • TkissirNeħħa .rounded-smu rounded-lg, u introduċiet skala ġdida ta 'klassijiet, .rounded-0biex .rounded-3. Ara #31687 .

  • line-heightUtilitajiet ġodda miżjuda : .lh-1, .lh-sm, .lh-baseu .lh-lg. Ara hawn .

  • Ċaqlaq l- .d-noneutilità fis-CSS tagħna biex tagħtiha aktar piż fuq utilitajiet oħra tal-wiri.

  • Estiża l- .visually-hidden-focusablehelper biex jaħdem ukoll fuq kontenituri, bl-użu :focus-within.

Helpers

  • Tkissir L-helpers tal-inkorporazzjoni responsivi ngħataw isimhom mill-ġdid għal helpers tal-proporzjon b'ismijiet ta 'klassi ġodda u imġieba mtejba, kif ukoll varjabbli CSS ta' għajnuna.

    • Il-klassijiet ingħataw isem ġdid biex jinbidlu bygħal xfil-proporzjon tal-aspett. Per eżempju, .ratio-16by9issa .ratio-16x9.
    • Imxejna niżel is- .embed-responsive-itemselettur tal-grupp u l-elementi favur .ratio > *selettur aktar sempliċi. M'hemmx bżonn aktar klassi, u l-helper tal-proporzjon issa jaħdem bi kwalunkwe element HTML.
    • Il- $embed-responsive-aspect-ratiosmappa Sass ingħatat isem ġdid għal $aspect-ratiosu l-valuri tagħha ġew issimplifikati biex jinkludu l-isem tal-klassi u l-perċentwal bħala l- key: valuepar.
    • Il-varjabbli CSS issa huma ġġenerati u inklużi għal kull valur fil-mappa Sass. Immodifika l- --bs-aspect-ratiovarjabbli fuq il- .ratiobiex toħloq kwalunkwe proporzjon tal-aspett tad-dwana .

  • Tkissir Il-klassijiet ta’ “Screen reader” issa huma klassijiet “viżwalment moħbija” .

    • Bidla l-fajl Sass minn scss/helpers/_screenreaders.scssgħalscss/helpers/_visually-hidden.scss
    • Ismu mill -ġdid .sr-onlyu .sr-only-focusablelil .visually-hiddenu.visually-hidden-focusable
    • sr-only()Ismu mill-ġdid u mixins sr-only-focusable()lil visually-hidden()u visually-hidden-focusable().

  • bootstrap-utilities.cssissa jinkludi wkoll lill-helpers tagħna. Il-helpers m'għandhomx għalfejn jiġu importati f'bini tad-dwana aktar.

JavaScript

  • Waqqgħet id-dipendenza jQuery u l-plugins miktuba mill-ġdid biex ikunu f'JavaScript regolari.

  • TkissirL-attributi tad-dejta għall-plugins JavaScript kollha issa huma spazjati għall-ismijiet biex jgħinu jiddistingwu l-funzjonalità tal-Bootstrap minn partijiet terzi u l-kodiċi tiegħek stess. Pereżempju, nużaw data-bs-toggleminflok data-toggle.

  • Il-plugins kollha issa jistgħu jaċċettaw selettur CSS bħala l-ewwel argument. Tista' jew tgħaddi element DOM jew kwalunkwe selettur CSS validu biex toħloq istanza ġdida tal-plugin:

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

  • popperConfigtista' tiġi mgħoddija bħala funzjoni li taċċetta l-konfigurazzjoni tal-Popper default tal-Bootstrap bħala argument, sabiex tkun tista' tgħaqqad din il-konfigurazzjoni default bil-mod tiegħek. Japplika għal dropdowns, popovers, u tooltips.

  • Il-valur default għall- fallbackPlacementshuwa mibdul għal ['top', 'right', 'bottom', 'left']għal tqegħid aħjar tal-elementi Popper. Japplika għal dropdowns, popovers, u tooltips.

  • Tneħħa underscore minn metodi statiċi pubbliċi bħal _getInstance()→ getInstance().