Svetuka kune chikuru content Svetuka kuenda kudocs navigation
in English

Kutamira kune v5

Tevera uye ongorora shanduko kuBootstrap sosi mafaera, zvinyorwa, uye zvikamu zvekukubatsira kutama kubva kuv4 kuenda kuv5.

Pa peji ino

Dependencies

  • Yakadonha jQuery.
  • Yakakwidziridzwa kubva kuPopper v1.x kuenda kuPopper v2.x.
  • Yakatsiviwa Libsass neDart Sass seyedu Sass compiler yakapihwa Libsass yakabviswa.
  • Takatama kubva kuJekyll kuenda kuHugo kuti tivake zvinyorwa zvedu

Browser rutsigiro

  • Yakadonhedza Internet Explorer 10 uye 11
  • Yakadonhedza Microsoft Edge <16 (Legacy Edge)
  • Yakadonha Firefox <60
  • Yakadonhedza Safari <12
  • Yakadonhedza iOS Safari <12
  • Yakadonhedza Chrome <60

Zvinyorwa zvinoshanduka

  • Yakagadziridzwa patsva peji remba, docs marongero, uye tsoka.
  • Yakawedzera Parcel gwara idzva .
  • Yakawedzera chikamu chitsva cheGadzirisa , ichitsiva v4's Theming peji , neruzivo rutsva paSass, sarudzo dzepasirese dzekugadzirisa, zvirongwa zvemavara, CSS zvinosiyana, nezvimwe.
  • Akarongazve zvinyorwa zvese zvemafomu kuita chikamu chitsva cheMafomu , achipatsanura zvirimo kuita mapeji akanyanya kutariswa.
  • Saizvozvo, yakagadziridza iyo Layout chikamu , kuti ibudise grid zvirimo zvakajeka.
  • Yakatumidzwazve "Navs" chikamu peji ku "Navs & Tabs".
  • Yakapihwa zita rekuti "Cheki" peji kuti "Macheki & maredhiyo".
  • Yakagadziridzazve bhara uye nekuwedzera subnav itsva kuti zvive nyore kutenderera nesaiti yedu uye zvinyorwa zvinyorwa.
  • Yakawedzera nzira yekudimbudzira yekhibhodi yenzvimbo yekutsvaga: Ctrl + /.

Sass

  • Takasiya mepu yeSass yakabatana kuti zvive nyore kubvisa hunhu husina basa. Ramba uchifunga iwe zvino unofanirwa kutsanangura kukosha kwese mumamepu eSass senge $theme-colors. Tarisa uone maitiro ekuita neSass mepu .

  • KupwanyaYakapihwa zita color-yiq()rekuita uye zvine hukama zvinosiyana color-contrast()sezvo zvisisane hukama neYIQ colorspace. Ona #30168.

    • $yiq-contrasted-thresholdinotumidzwa zita rokuti $min-contrast-ratio.
    • $yiq-text-darkuye $yiq-text-lightvanopihwa zita rekuti $color-contrast-darkuye $color-contrast-light.

  • KupwanyaMedia query mixins parameters zvachinja kune imwe nzira inonzwisisika.

    • media-breakpoint-down()inoshandisa iyo breakpoint pachayo pachinzvimbo cheinotevera breakpoint (semuenzaniso, media-breakpoint-down(lg)pachinzvimbo media-breakpoint-down(md)chetariro yekuona madiki pane lg).
    • Saizvozvo, yechipiri paramende mukati media-breakpoint-between()inoshandisawo breakpoint pachayo pachinzvimbo cheinotevera breakpoint (semuenzaniso, media-between(sm, lg)pachinzvimbo media-breakpoint-between(sm, md)chezvinangwa zvekutarisa pakati smne lg).

  • KupwanyaYakabviswa zvitaera zvekudhinda uye $enable-print-styleszvakasiyana. Dhinda makirasi ekuratidzira achiripo. Ona #28339 .

  • KupwanyaYakadonhedzwa color(), theme-color(), uye gray()inoshanda mukufarira zvinosiyana. Ona #29083 .

  • KupwanyaRenamed theme-color-level()basa kune color-level()uye ikozvino rinogamuchira chero ruvara rwaunoda pachinzvimbo $theme-colorchemavara chete. Ona #29083 Chenjerera: color-level() yakazodonhedzwa gare gare v5.0.0-alpha3.

  • KupwanyaYakapihwa zita $enable-prefers-reduced-motion-media-queryuye $enable-pointer-cursor-for-buttonsku $enable-reduced-motionuye $enable-button-pointersnekupfupika.

  • KupwanyaYakabviswa bg-gradient-variant()mixin. Shandisa .bg-gradientkirasi kuwedzera gradients kune zvinhu panzvimbo .bg-gradient-*yemakirasi akagadzirwa.

  • Kupwanya Yakabviswa yakasanganiswa yakamborambwa:

    • hover,,, uye hover-focus_plain-hover-focushover-focus-active
    • float()
    • form-control-mixin()
    • nav-divider()
    • retina-img()
    • text-hide()(yakadonhedzawo kirasi yakabatana yekushandisa, .text-hide)
    • visibility()
    • form-control-focus()

  • KupwanyaYakatumidzwa zita rekuti scale-color()kudzivirira shift-color()kudhumhana neSass's own color scaling function.

  • box-shadowmixins ikozvino inobvumira nullkukosha uye kudonha nonekubva kune dzakawanda nharo. Ona #30394 .

  • Iyo border-radius()mixin ikozvino ine default kukosha.

Rudzi system

  • Iyo color system iyo yakashanda nayo color-level()uye $theme-color-intervalyakabviswa ichifarira imwe color system. Zvese lighten()uye darken()mabasa mucodebase yedu anotsiviwa tint-color()ne shade-color(). Aya mabasa achasanganisa ruvara nechero chena kana dema pane kushandura kureruka kwaro nehuwandu hwakatarwa. Iyo shift-color()inopenya kana mumvuri weruvara zvichienderana nekuti huremu hwayo paramende yakanaka here kana yakaipa. Ona #30622 kuti uwane rumwe ruzivo.

  • Yakawedzera matinji matsva uye mimvuri yemuvara wega wega, ichipa mapfumbamwe akaparadzana mavara ega ega ega color, seatsva Sass akasiyana.

  • Kuvandudzwa kwemavara akasiyana. Bumped color difference ratio kubva pa3:1 kusvika 4.5:1 uye yakagadziridzwa bhuruu, girinhi, cyan, uye pink mavara kuona WCAG 2.1 AA musiyano. Yakashandurawo ruvara rwekusiyana kweruvara kubva $gray-900ku $black.

  • Kuti titsigire hurongwa hweruvara rwedu, tawedzera tsika itsva tint-color()uye shade-color()mabasa kusanganisa mavara edu nenzira kwayo.

Grid updates

  • New breakpoint! Yakawedzera xxlbreakpoint nyowani 1400pxyekukwira nekukwira. Hapana shanduko kune mamwe mabreakpoints ese.

  • Gutters dzakavandudzwa. Gutters ikozvino yakaiswa murems, uye idiki pane v4 ( 1.5rem, kana nezve 24px, pasi kubva 30px). Izvi zvinowiriranisa magita edu egridi system nemaitiro edu ekuisa nzvimbo.

    • Yakawedzera kirasi itsva yeguta ( .g-*, .gx-*, uye .gy-*) kudzora magita akachinjika/akatwasuka, magita akachinjika, uye magita akatwasuka.
    • KupwanyaYakapihwa zita .no-gutterskuti .g-0ienderane nezvitsva zvegutter.

  • Makolamu haachashandisi position: relative, saka unogona kuwedzera .position-relativekune zvimwe zvinhu kudzoreredza maitiro iwayo.

  • KupwanyaAkasiya makirasi akati wandei .order-*aiwanzoenda asina kushandiswa. Isu zvino tinongopa .order-1kunze .order-5kwebhokisi.

  • KupwanyaYakadonhedza .mediachikamu nekuti chinogona kudzokororwa zviri nyore nezvishandiso. Ona #28265 uye peji rezvishandiso semuenzaniso .

  • Kupwanya bootstrap-grid.cssikozvino inongoshanda box-sizing: border-boxkune iyo column pachinzvimbo chekugadzirisa bhokisi-saizi yepasi rose. Nenzira iyi, yedu grid masitaera anogona kushandiswa munzvimbo dzakawanda pasina kukanganisa.

  • $enable-grid-classeshaichadzimi kugadzirwa kwemakirasi emidziyo zvakare. Ona #29146.

  • Yakagadziridza mixin make-colkuti ive yakasarudzika kusvika kumakoramu akaenzana pasina saizi yakatarwa.

Zvemukati, Reboot, nezvimwe

  • RFS ikozvino inogoneswa nekusarudzika. Misoro inoshandisafont-size()mixin inongogadzirisa yavofont-sizekuti iwedzere nekutarisa. Iyi ficha yaimbopinda nev4.

  • KupwanyaYakagadziridza typography yedu yekuratidzira kuti itsive $display-*madhiri uye $display-font-sizesnemepu yeSass. Akabvisawo zvimiro zvega zvega zvega $display-*-weightuye $display-font-weightzvakagadziriswa font-sizes.

  • Yakawedzera saizi mbiri nyowani .display-*dzemusoro, .display-5uye .display-6.

  • Manongedzo anotsikirirwa nekusarudzika (kwete chete pane hover), kunze kwekunge ari chikamu chezvakananga zvikamu.

  • Akagadziridzwazve matafura kuti avandudze masitayera avo uye kuvavaka patsva neCSS mavhezheni kuti awedzere kutonga pamusoro pekuita.

  • KupwanyaNested tables haachagari nhaka yezvitaera zvakare.

  • Kupwanya .thead-lightuye .thead-darkanodonhedzwa achifarira .table-*makirasi akasiyana anogona kushandiswa kune ese matafura zvinhu ( thead, tbody, tfoot, , tr, thuye td).

  • KupwanyaIyo table-row-variant()mixin inotumidzwa zita table-variant()uye inogamuchira chete 2 paramita: $color(zita reruvara) uye $value(ruvara kodhi). Rudzi rwemuganhu uye accent mavara anoverengerwa otomatiki zvichienderana netafura factor inosiyana.

  • Split table cell padding variables kupinda -yuye -x.

  • Kupwanya.pre-scrollableKirasi yakadonha . Ona #29135

  • Kupwanya .text-*zvishandiso hazviwedzere hover uye inotarisisa nyika kune zvinongedzo zvakare. .link-*makirasi emubatsiri anogona kushandiswa panzvimbo. Ona #29267

  • Kupwanya.text-justifyKirasi yakadonha . Ona #29793

  • Kupwanya <hr>zvinhu zvino shandisa heightpachinzvimbo borderchekutsigira zvirinani sizehunhu. Izvi zvakare zvinogonesa kushandiswa kwezvishandiso zvepadhi kuti zvigadzire zvakakora zvigovani (semuenzaniso, <hr class="py-1">).

  • Reset default horizontal padding-lefton <ul>uye <ol>zvinhu kubva kubrowser default 40pxkusvika 2rem.

  • Yakawedzerwa $enable-smooth-scroll, iyo inoshanda scroll-behavior: smoothpasi rose-kunze kwevashandisi vanokumbira kuderedzwa kufamba kuburikidza prefers-reduced-motionnemubvunzo wenhau. Ona #31877

RTL

  • Horizontal direction chakanangana nekusiyana, zvishandiso, uye musanganiswa zvese zvakapihwa zita kuti zvishandise zvine musoro zvivakwa sezvinowanikwa muflexbox marongero-semuenzaniso, startuye endpachinzvimbo che leftuye right.

Mafomu

  • Akawedzera mafomu matsva anoyangarara! Isu takasimudzira iwo Floating labels muenzaniso kune anonyatso tsigira fomu zvikamu. Wona peji remavara anoyangarara.

  • Kupwanya Consolidated native uye tsika chimiro zvinhu. Mabhokisi ekutarisa, maredhiyo, anosarudza, uye mamwe mapindiro aive nemakirasi echinyakare uye etsika muv4 akabatanidzwa. Iye zvino zvinenge zvese zvemafomu edu zvakazara tsika, mazhinji pasina kudiwa kwetsika HTML.

    • .custom-checkikozvino .form-check.
    • .custom-check.custom-switchikozvino .form-check.form-switch.
    • .custom-selectikozvino .form-select.
    • .custom-fileuye .form-fileakatsiviwa nemaitiro etsika pamusoro pe .form-control.
    • .custom-rangeikozvino .form-range.
    • Akadonhedza chizvarwa .form-control-fileuye .form-control-range.

  • KupwanyaYakadonha .input-group-appenduye .input-group-prepend. Iwe zvino unogona kungowedzera mabhatani uye .input-group-textsevana vakananga vemapoka ekuisa.

  • Iyo yakareba Yakashaikwa yemubhodha radius paboka rekuisa nerutsigiro rwemhinduro tsikidzi inozogadziriswa nekuwedzera imwe .has-validationkirasi kumapoka ekuisa ane vimbiso.

  • Kupwanya Yakadonhedza fomu-chaiyo dhizaini makirasi kune yedu grid system. Shandisa grid uye zvishandiso pane .form-group, .form-row, kana .form-inline.

  • KupwanyaMazita efomu zvino anoda .form-label.

  • Kupwanya .form-textno longer sets display, zvichikubvumidza kuti ugadzire inline kana kuvharira mameseji ekubatsira sezvaunoda nekungochinja chinhu cheHTML.

  • Validation icons haichashandiswi kune <select>s ine multiple.

  • Rearranged source Sass mafaera ari pasi pe scss/forms/, kusanganisira zvitaera zveboka rekupinda.

Zvikamu

  • Hunhu hwakabatana hwekuzivisa, zvimedu zvechingwa, makadhi, kudonhedza, rondedzero mapoka, modals, popovers padding, uye matipi ezvishandiso zvinoenderana $spacernekusiyana kwedu. Ona #30564 .

Accordion

Alerts

  • Yambiro ikozvino ine mienzaniso ine zvidhori .

  • Yakabviswa masitaira echivanhu e <hr>s mune yambiro yega yega sezvo vachitoshandisa currentColor.

Mabheji

  • KupwanyaYakadonhedza ese .badge-*makirasi emavara ezvishandiso zvemashure (semuenzaniso, shandisa .bg-primarypachinzvimbo che .badge-primary).

  • KupwanyaYakadonhedzwa .badge-pill- shandisa .rounded-pillzvinoshandiswa panzvimbo.

  • KupwanyaYakabviswa hover uye yekutarisa masitaera <a>uye <button>zvinhu.

  • Yakawedzera default padding yemabheji kubva .25em/ .5emkuenda .35em/ .65em.

  • Yakarerutsa kutaridzika kwechingwa chechingwa nekubvisa padding, background-color, uye border-radius.

  • Yakawedzera itsva CSS tsika chivakwa --bs-breadcrumb-dividerkuti zvive nyore kugadzirisa pasina kuda kudzoreredza CSS.

Mabhatani

  • Kupwanya Shandura mabhatani , ane mabhokisi echeki kana maredhiyo, haachadi JavaScript uye ave nemarkup itsva. Isu hatichada chekuputira chinhu, wedzera.btn-checkkune iyo<input>, uye batanidza nechero.btnmakirasi pa<label>. Ona #30650 . Zvinyorwa zveizvi zvatama kubva peji redu reMabhatani kuenda kuchikamu chitsva cheMafomu.

  • Kupwanya Yakadonhedzwa .btn-blockkuitira zvishandiso. Panzvimbo pekushandisa .btn-blockpane iyo .btn, peta mabhatani ako .d-gridnekushandisa .gap-*kuaisa panzvimbo sezvinodiwa. Chinja kumakirasi anopindura kuti uwedzere kutonga pamusoro pawo. Verenga zvinyorwa zvemimwe mienzaniso.

  • Yakagadziridzwa yedu button-variant()uye button-outline-variant()musanganiswa kutsigira mamwe ma paramita.

  • Akagadziridzwa mabhatani kuti ave nechokwadi chekuwedzera kusiyanisa pane hover uye inoshanda nyika.

  • Mabhatani akaremara ava ne pointer-events: none;.

Card

  • KupwanyaYakadonha .card-deckmukufarira grid yedu. Putira makadhi ako mumakirasi ekoramu uye wedzera mudziyo wemubereki .row-cols-*kuti udzore makadhi emakadhi (asi nekutonga kwakawanda pamusoro pekuenderana kunoteerera).

  • KupwanyaAkadonha .card-columnsachifarira Masonry. Ona #28922 .

  • KupwanyaYakatsiva iyo .cardyakavakirwa accordion nechinhu chitsva cheAccordion .

  • Yakawedzera .carousel-darkmusiyano mutsva wemavara akasviba, zvinodzora, uye zviratidzi (yakanaka kune yakareruka kumashure).

  • Yakatsiviwa chevron icons ye carousel control ine maSVG matsva kubva kuBootstrap Icons .

Vhara bhatani

  • KupwanyaYakapihwa .closezita .btn-closerezita risingaite.

  • Vhara mabhatani ikozvino shandisa background-image(yakamisikidzwa SVG) pachinzvimbo &times;cheiyo muHTML, ichibvumira kuti zvive nyore kugadzirisa pasina chikonzero chekubata markup yako.

  • Yakawedzera .btn-close-whitemutsauko mutsva unoshandisa filter: invert(1)kugonesa misiyano yepamusoro yekudzinga ma icons kubva kune yakasviba kumashure.

Collapse

  • Yakabviswa scroll anchoring yema accordions.

  • Yakawedzera .dropdown-menu-darkmutsauko mutsva uye anosanganisirwa akasiyana epa-inoda rima kudonhedza.

  • Yakawedzerwa shanduko itsva ye $dropdown-padding-x.

  • Yakasvibira chinodonhedza chinodonhedza kuitira kusiyana kwakavandudzwa.

  • KupwanyaZvese zviitiko zvekudonhedza zvave kukonzereswa pane yekudonhedza toggle bhatani uyezve bhatani kumusoro kune chinhu chemubereki.

  • Mamenu ekudonhedza zvino ane data-bs-popper="static"hunhu hwakaiswa kana nzvimbo yekudonha yakamira uye data-bs-popper="none"kana kudonha kuri mubhara. Izvi zvinowedzerwa neJavaScript yedu uye zvinotibatsira kushandisa masitaera echinyakare tisingakanganise nzvimbo yaPopper.

  • KupwanyaYakadonhedza flipsarudzo yekudonhedza plugin mukufarira yemuno Popper kumisikidzwa. Iwe zvino unogona kudzima maitiro ekubhururuka nekupfuura isina chinhu array yesarudzo muflipfallbackPlacements modifier .

  • Mamenu ekudonhedza zvino anogona kubatika autoClosenesarudzo nyowani yekubata maitiro ekuvhara otomatiki . Unogona kushandisa iyi sarudzo kugamuchira kudzvanya mukati kana kunze kwemenu yekudonha kuti iite kudyidzana.

  • Dropdowns ikozvino inotsigira .dropdown-itemyakaputirwa <li>mus.

Jumbotron

Rondedzera boka

  • Akawedzera mavara matsva nulle font-size, font-weight, color, uye :hover colorkukirasi .nav-link.
  • KupwanyaNavbars ikozvino inoda mudziyo mukati (kurerutsa zvakanyanya kudiwa kwenzvimbo uye CSS inodiwa).

Offcanvas

Pagination

  • Pagination links ikozvino ine customizable margin-leftiyo inotenderedzwa zvine simba pamakona ese kana yakaparadzaniswa kubva kune imwe.

  • Yakawedzerwa transitions kune pagination link.

Popover

  • KupwanyaYakatumidzwa zita .arrowmune .popover-arrowyedu default popover template.

  • Yakapihwa zita whiteListsarudzo ku allowList.

Spinners

  • Spinners zvino vanokudza prefers-reduced-motion: reducenekudzikira maanimation. Ona #31882 .

  • Yakavandudzwa spinner vertical alignment.

Toasts

  • Toasts ikozvino inogona kuiswa mune a .toast-containernerubatsiro rwekuisa zvishandiswa .

  • Yakachinja nguva yetoast yagara iripo kuita masekonzi mashanu.

  • Yakabviswa overflow: hiddenkubva kune toast uye yakatsiviwa neyakakodzera border-radiuss ine calc()mabasa.

Tooltips

  • KupwanyaYakapihwa zita .arrowmune .tooltip-arrowyedu default tooltip template.

  • KupwanyaIko kukosha kwakasarudzika kweiyo inochinjirwa fallbackPlacementskune ['top', 'right', 'bottom', 'left']yekuiswa zvirinani kwezvinhu zvepopper.

  • KupwanyaYakapihwa zita whiteListsarudzo ku allowList.

Utilities

  • KupwanyaAkatumidza zita rekushandisa zvakati wandei kuti ushandise zvine musoro mazita ezvivakwa panzvimbo yemazita ekutungamira nekuwedzera kweRTL rutsigiro:

    • Renamed .left-*uye .right-*ku .start-*uye .end-*.
    • Renamed .float-leftuye .float-rightku .float-startuye .float-end.
    • Renamed .border-leftuye .border-rightku .border-startuye .border-end.
    • Renamed .rounded-leftuye .rounded-rightku .rounded-startuye .rounded-end.
    • Renamed .ml-*uye .mr-*ku .ms-*uye .me-*.
    • Renamed .pl-*uye .pr-*ku .ps-*uye .pe-*.
    • Renamed .text-leftuye .text-rightku .text-startuye .text-end.

  • KupwanyaYakaremara miganho isina kunaka nekukasira.

  • Yakawedzera .bg-bodykirasi nyowani yekukurumidza kuseta iyo <body>kumashure kune zvimwe zvinhu.

  • Yakawedzera zvinzvimbo zvitsva zve top, right, bottom, uye left. Mitemo inosanganisira 0, 50%, uye 100%yechinhu chimwe nechimwe.

  • Yakawedzera zvitsva .translate-middle-x& .translate-middle-yzvinoshandiswa kune yakachinjika kana yakatwasuka pakati pemhedziso / yakamisikidzwa yakamisikidzwa zvinhu.

  • Yakawedzera border-widthzvishandiso zvitsva .

  • KupwanyaYakapihwa zita .text-monospacerekuti .font-monospace.

  • KupwanyaYakabviswa .text-hidesezvo iri nzira yechinyakare yekuviga zvinyorwa zvisingachafanirwe kushandiswa zvakare.

  • Yakawedzerwa .fs-*zvishandiso font-sizezvezvishandiso (ine RFS inogoneswa). Aya anoshandisa chikero chakafanana neHTML's default headings (1-6, hombe kusvika kudiki), uye inogona kugadziridzwa kuburikidza neSass mepu.

  • KupwanyaYakapihwa zita .font-weight-*rekushandisa .fw-*sekupfupika uye kuenderana.

  • KupwanyaYakapihwa zita .font-style-*rekushandisa .fst-*sekupfupika uye kuenderana.

  • Yakawedzerwa .d-gridkuratidza zvishandiso uye zvitsva gapzvinoshandiswa ( .gap) zveCSS Grid uye flexbox marongero.

  • KupwanyaYakabviswa .rounded-smuye rounded-lg, uye yakaunza chiyero chitsva chekirasi, .rounded-0ku .rounded-3. Ona #31687 .

  • Yakawedzera line-heightzvishandiso zvitsva: .lh-1, .lh-sm, .lh-baseuye .lh-lg. Ona pano .

  • Yakafambisa iyo .d-noneyekushandisa muCSS yedu kuti iwedzere huremu pamusoro pezvimwe zviratidziro zvekushandisa.

  • Akawedzera .visually-hidden-focusablemubatsiri kuti ashandewo pamidziyo, achishandisa :focus-within.

Vabatsiri

  • Kupwanya Vanoteerera embed vabatsiri vakatumidzwa zita rekuti vabatsiri vane mazita ekirasi matsva uye maitiro akavandudzwa, pamwe chete nerubatsiro rweCSS kusiyanisa.

    • Makirasi akatumidzwa zita kuti achinje bykune xchikamu chechikamu. Somuenzaniso, .ratio-16by9zvino .ratio-16x9.
    • Tadonhedza iyo .embed-responsive-itemuye element group yekusarudzi tichida imwe iri nyore .ratio > *yekusarudza. Hapasisina kirasi inodiwa, uye reshiyo mubatsiri ikozvino inoshanda nechero HTML chinhu.
    • Mepu $embed-responsive-aspect-ratiosyeSass yakatumidzwa zita $aspect-ratiosuye hunhu hwayo hwakarerutswa kuti ubatanidze zita rekirasi uye muzana key: valuesevaviri.
    • CSS zvinosiyana zvave kugadzirwa uye zvinosanganisirwa kune yega yega kukosha muSass mepu. Shandura --bs-aspect-ratioshanduko pairi .ratiokuti ugadzire chero chimiro chetsika .

  • Kupwanya "Screen reader" makirasi ave "akavanzika zvinoonekwa" makirasi .

    • Yakachinja faira reSass kubva scss/helpers/_screenreaders.scsskuendascss/helpers/_visually-hidden.scss
    • Yakatumidzwa .sr-onlyuye .sr-only-focusableku .visually-hiddenuye.visually-hidden-focusable
    • Yakatumidzwa sr-only()uye sr-only-focusable()inosanganiswa ku visually-hidden()uye visually-hidden-focusable().

  • bootstrap-utilities.csszvino kusanganisirawo vabatsiri vedu. Vabatsiri havachadi kutengwa kunze kwenyika mune zvetsika zvinovaka zvakare.

JavaScript

  • Yakadonhedza jQuery kutsamira uye kunyorazve plugins kuti ive yenguva dzose JavaScript.

  • KupwanyaDhata hunhu hwese JavaScript plugins dzave nemazita kuti dzibatsire kusiyanisa mashandiro eBootstrap kubva kumapato echitatu uye yako kodhi. Somuenzaniso, tinoshandisa data-bs-togglepane data-toggle.

  • Ese maplugins anogona ikozvino kugamuchira CSS selector senharo yekutanga. Iwe unogona kupfuudza chinhu cheDOM kana chero cheCSS chakasarudzika kuti ugadzire chiitiko chitsva cheplugin:

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

  • popperConfiginogona kupfuudzwa sebasa rinogamuchira iyo Bootstrap's default Popper config senharo, kuitira kuti iwe ugone kubatanidza iyi yekumisikidza yekumisikidza munzira yako. Inoshanda kune kudonhedza, popovers, uye matipi ekushandisa.

  • Iko kukosha kwakasarudzika kweiyo inochinjirwa fallbackPlacementskune ['top', 'right', 'bottom', 'left']yekuiswa nani kwePopper zvinhu. Inoshanda kune kudonhedza, popovers, uye matipi ekushandisa.

  • Yakabviswa underscore kubva kune yeruzhinji static nzira senge _getInstance()→ getInstance().