Jya ku bintu nyamukuru Jya kuri docs
in English

Kwimukira kuri v5

Kurikirana kandi usubiremo impinduka kuri dosiye ya Bootstrap yinkomoko, inyandiko, nibigize kugirango bigufashe kwimuka uva kuri v4 ujya kuri v5.

Kuriyi page

Kwishingikiriza

  • JQuery yataye.
  • Kuzamurwa kuva Popper v1.x kuri Popper v2.x.
  • Yasimbuye Libsass hamwe na Dart Sass nkuko icyegeranyo cya Sass cyatanzwe na Libsass cyateshejwe agaciro.
  • Yimukiye muri Jekyll yerekeza Hugo kubaka ibyangombwa byacu

Inkunga ya mushakisha

  • Yataye Internet Explorer 10 na 11
  • Yataye Microsoft Edge <16 (Umurage Umurage)
  • Firefox yataye <60
  • Safari yataye <12
  • Yataye iOS Safari <12
  • Chrome yataye <60

Guhindura inyandiko

  • Kongera gushushanya urupapuro rwambere, imiterere ya doc, na footer.
  • Wongeyeho ubuyobozi bushya bwa Parcel .
  • Wongeyeho igice gishya cya Customize , usimbuze urupapuro rwa The4 rwa v4 , hamwe nibisobanuro bishya kuri Sass, amahitamo yimiterere yisi yose, gahunda yamabara, impinduka za CSS, nibindi byinshi.
  • Ongera uhindure ibyangombwa byose mubice bishya , ugabanye ibiri mumapaji yibanze.
  • Mu buryo busa nabwo, wavuguruye igice cya Layout , kugirango ugabanye gride ibirimo neza.
  • Izina ryitwa "Navs" urupapuro rwibigize "Navs & Tabs".
  • Izina ryahinduwe "Kugenzura" kuri "Kugenzura & amaradiyo".
  • Ongera uhindure navbar hanyuma wongereho subnav nshya kugirango byoroshye kuzenguruka imbuga zacu na verisiyo ya docs.
  • Wongeyeho clavier nshya ya shortcut kumwanya wo gushakisha : Ctrl + /.

Sass

  • Twacukuye ikarita isanzwe ya Sass ihuza kugirango byoroshye gukuraho indangagaciro zirenze. Wibuke ko ubu ugomba gusobanura indangagaciro zose mumakarita ya Sass nka $theme-colors. Reba uko wakemura amakarita ya Sass .

  • KumenaGuhindura color-yiq()imikorere hamwe nibihinduka bijyanye color-contrast()nkuko bitakiri bifitanye isano na YIQ ibara. Reba # 30168.

    • $yiq-contrasted-thresholdni izina $min-contrast-ratio.
    • $yiq-text-darkna $yiq-text-lightByahinduwe Kuri $color-contrast-darkna $color-contrast-light.

  • KumenaIkibazo cyibitangazamakuru bivanga ibipimo byahindutse kuburyo bwumvikana.

    • media-breakpoint-down()ikoresha aho ihagarara ubwayo aho gukurikira (urugero, media-breakpoint-down(lg)aho media-breakpoint-down(md)kureba intego ntoya kuruta lg).
    • Mu buryo busa nabwo, ibice bya kabiri media-breakpoint-between()nabyo bikoresha aho bihagarara ubwabyo aho gukurikira (urugero, media-between(sm, lg)aho media-breakpoint-between(sm, md)intego zerekanwa hagati smna lg).

  • KumenaYakuweho imyandikire yimyandikire kandi $enable-print-stylesirahinduka. Icapa ryerekana ibyiciro biracyari hafi. Reba # 28339 .

  • KumenaYataye color(), theme-color()na gray()imikorere kugirango ashyigikire impinduka. Reba # 29083 .

  • KumenaImikorere yahinduwe theme-color-level()kugirango color-level()noneho yemere ibara ryose ushaka aho kuba $theme-coloramabara gusa. Reba # 29083 Witondere: color-level() nyuma yaje kumanuka v5.0.0-alpha3.

  • KumenaYahinduwe $enable-prefers-reduced-motion-media-querykandi $enable-pointer-cursor-for-buttonskuri $enable-reduced-motionno $enable-button-pointerskubugufi.

  • KumenaYakuyeho bg-gradient-variant()ivanga. Koresha urwego .bg-gradientkugirango wongere gradients mubintu aho kuba .bg-gradient-*ibyiciro byakozwe.

  • Kumena Yakuweho kuvanga mbere:

    • hover,,, na hover-focus_plain-hover-focushover-focus-active
    • float()
    • form-control-mixin()
    • nav-divider()
    • retina-img()
    • text-hide()(yanataye icyiciro cy'ingirakamaro bifitanye isano, .text-hide)
    • visibility()
    • form-control-focus()

  • Kumenascale-color()Imikorere yahinduwe shift-color()kugirango wirinde kugongana na Sass yibikorwa byo gupima amabara.

  • box-shadowivanga noneho yemerera nullindangagaciro no kugabanuka kumpaka nonenyinshi. Reba # 30394 .

  • Kuvanga ubu border-radius()bifite agaciro gasanzwe.

Sisitemu y'amabara

  • Sisitemu yamabara yakoranye color-level()kandi $theme-color-intervalyakuweho kugirango ashyigikire sisitemu nshya. Byose lighten()nibikorwa darken()muri codebase yacu byasimbuwe tint-color()na shade-color(). Iyi mikorere izavanga ibara numweru cyangwa umukara aho guhindura urumuri rwinshi. Ubushake shift-color()bushobora gushushanya cyangwa kugicucu ibara ukurikije niba uburemere bwacyo ari bwiza cyangwa bubi. Reba # 30622 kugirango ubone ibisobanuro birambuye.

  • Wongeyeho amabara mashya nigicucu kuri buri bara, utanga amabara icyenda atandukanye kuri buri bara shingiro, nkibintu bishya bya Sass.

  • Kunoza ibara ritandukanye. Ikigereranyo cyamabara atandukanye kuva 3: 1 kugeza 4.5: 1 no kuvugurura amabara yubururu, icyatsi, cyan, nijimye kugirango WCAG 2.1 AA itandukanye. Hindura kandi ibara ritandukanya ibara kuva $gray-900kuri $black.

  • Kugirango dushyigikire sisitemu y'amabara, twongeyeho imigenzo mishya tint-color()n'imikorere shade-color()yo kuvanga amabara uko bikwiye.

Kuvugurura

  • Ibice bishya! Wongeyeho ibice bishya xxlkuri 1400pxno hejuru. Nta gihinduka kubindi bice byose.

  • Amazi meza. Imiyoboro ubu yashyizwe muri rems, kandi iragufi kuruta v4 ( 1.5rem, cyangwa hafi 24px, hepfo kuva 30px). Ibi bihuza imiyoboro ya sisitemu ya sisitemu hamwe nibikorwa byacu byo gutandukanya.

    • Wongeyeho ibishashara bishya ( .g-*, .gx-*na, .gy-*) kugirango ugenzure utambitse / uhagaritse imyanda, utambitse, utambitse.
    • KumenaYahinduwe .no-gutterskugirango .g-0ahuze ibikorwa bishya byingirakamaro.

  • Inkingi ntizikoreshwa position: relative, urashobora rero kongeramo .position-relativeibintu bimwe kugirango ugarure iyo myitwarire.

  • KumenaYahagaritse .order-*amasomo menshi yakunze kugenda adakoreshwa. Ubu turatanga gusa .order-1hanze .order-5yisanduku.

  • KumenaKureka .mediaibice nkuko bishobora kwiganwa byoroshye nibikorwa byingirakamaro. Reba # 28265 nurupapuro rwingirakamaro rwa flex kurugero .

  • Kumena bootstrap-grid.cssubu ikoreshwa gusa box-sizing: border-boxkumurongo aho kugirango usubiremo isi yose. Ubu buryo, imiyoboro ya grid irashobora gukoreshwa ahantu henshi nta nkomyi.

  • $enable-grid-classesntagishobora guhagarika ibisekuru byamasomo ya kontineri. Reba # 29146.

  • Yavuguruye make-colivanga kugirango asubiremo inkingi zingana nta bunini bwagenwe.

Ibirimo, Reboot, nibindi

  • RFS ishoboye ubu byanze bikunze. Imitwe ukoreshejefont-size()mixin izahita ihindurafont-sizeigipimo cyayo hamwe no kureba. Iyi mikorere yabanje guhitamo hamwe na v4.

  • KumenaKuvugurura imyandikire yacu yerekana kugirango dusimbuze $display-*impinduka zacu hamwe $display-font-sizesnikarita ya Sass. $display-*-weightKuraho kandi impinduka zumuntu kugiti cye $display-font-weightkandi zahinduwe font-sizes.

  • Wongeyeho bibiri bishya .display-*imitwe ingana, .display-5na .display-6.

  • Ihuza ryatsindagirijwe muburyo budasanzwe (ntabwo ari kuri hover gusa), keretse niba bigize ibice byihariye.

  • Kuvugurura imbonerahamwe kugirango uhindure uburyo bwabo kandi ubyubake hamwe na CSS ihinduka kugirango igenzure neza imyandikire.

  • KumenaImbonerahamwe yatondekanye ntabwo izungura imiterere.

  • Kumena .thead-lightkandi .thead-darkbaramanuwe bashyigikira .table-*ibyiciro bitandukanye bishobora gukoreshwa kubintu byose byameza ( thead,,, na tbody, ) .tfoottrthtd

  • KumenaIvanga table-row-variant()ryahinduwe table-variant()kandi ryemera ibipimo 2 gusa: $color(izina ryamabara) na $value(kode yamabara). Ibara ryumupaka namabara yimvugo ihita ibarwa hashingiwe kumeza yibintu bihinduka.

  • Gutandukanya imbonerahamwe ya selile padding ihinduka muri -yna -x.

  • KumenaAmashuri yataye .pre-scrollable. Reba # 29135

  • Kumena .text-*ibikorwa ntabwo byongera hover no kwibanda kuri reta ukundi. .link-*amasomo y'abafasha arashobora gukoreshwa aho. Reba # 29267

  • KumenaAmashuri yataye .text-justify. Reba # 29793

  • Kumena <hr>ibice noneho koresha heightaho borderkugirango ushyigikire neza sizeikiranga. Ibi kandi bifasha gukoresha ibikoresho bya padding kugirango ukore ibice byinshi (urugero, <hr class="py-1">).

  • Ongera usubire gutambuka padding-leftkuri horizontal <ul>na <ol>element kuva mushakisha isanzwe 40pxkuri 2rem.

  • Wongeyeho $enable-smooth-scroll, ikoreshwa scroll-behavior: smoothkwisi yose-usibye kubakoresha gusaba kugabanywa binyuze prefers-reduced-motionmubibazo byitangazamakuru. Reba # 31877

RTL

  • Icyerekezo cya horizontal icyerekezo gihinduka, ibikorwa, hamwe na mixin byose byahinduwe kugirango bikoreshe ibintu byumvikana nkibiboneka mumiterere ya flexbox - urugero, startno endmu mwanya wa leftna right.

Ifishi

  • Wongeyeho impapuro nshya zireremba! Twazamuye ibirango bya Floating labels kurugero rushyigikiwe rwose. Reba urupapuro rushya rwa Floating labels page.

  • Kumena Guhuriza hamwe kavukire hamwe nibintu byabigenewe. Kugenzura agasanduku, amaradiyo, guhitamo, nibindi byinjira byari bifite ibyiciro gakondo nibisanzwe muri v4 byahujwe. Noneho ibintu hafi ya byose bigize imiterere biramenyerewe rwose, ibyinshi bidakenewe HTML yihariye.

    • .custom-checkni ubu .form-check.
    • .custom-check.custom-switchni ubu .form-check.form-switch.
    • .custom-selectni ubu .form-select.
    • .custom-filekandi .form-filebyasimbuwe nuburyo bwihariye hejuru .form-control.
    • .custom-rangeni ubu .form-range.
    • Yataye kavukire .form-control-filekandi .form-control-range.

  • KumenaYataye .input-group-appendkandi .input-group-prepend. Urashobora noneho kongeramo buto gusa .input-group-textnkabana bayobora mumatsinda yinjiza.

  • Umwanya muremure wabuze umupaka radiyo kumurongo winjiza hamwe no kwemeza ibitekerezo byakosowe byarangije gukosorwa wongeyeho .has-validationurwego rwinyongera mumatsinda yinjiza hamwe no kwemeza.

  • Kumena Kureka ifishi yihariye imiterere ya sisitemu ya grid sisitemu. Koresha grid hamwe nibikorwa byacu aho .form-group,, .form-rowcyangwa .form-inline.

  • KumenaIbirango byerekana .form-label.

  • Kumena .form-textntagishiraho display, ikwemerera gukora inline cyangwa guhagarika inyandiko ifasha nkuko ubyifuza muguhindura gusa HTML element.

  • Kwemeza amashusho ntibikoreshwa kuri <select>s hamwe multiple.

  • Inkomoko yatunganijwe Sass dosiye munsi scss/forms/, harimo kwinjiza amatsinda yuburyo.

Ibigize

  • Indangagaciro zihuriweho paddingkubimenyesha, imigati, amakarita, ibitonyanga, urutonde rwamatsinda, modal, popovers, hamwe nibikoresho byifashishwa kugirango dushingire kubihinduka byacu $spacer. Reba # 30564 .

Amasezerano

Imenyesha

  • Imenyesha ubu rifite ingero hamwe namashusho .

  • Yakuweho uburyo bwihariye bwa <hr>s muri buri menyesha kuva basanzwe bakoresha currentColor.

Ikarita

  • KumenaYataye .badge-*ibyiciro byose byamabara kubikorwa byinyuma (urugero, koresha .bg-primaryaho .badge-primary).

  • KumenaYataye .badge-pill- koresha .rounded-pillakamaro aho.

  • KumenaYakuweho hover hamwe nibitekerezo byuburyo <a>hamwe <button>nibintu.

  • Kwiyongera kudasanzwe padding ya badges kuva .25em/ .5emkugeza .35em/ .65em.

  • Kworoshya isura isanzwe yimigati ikuraho padding, background-colorna border-radius.

  • Wongeyeho imitungo mishya ya CSS --bs-breadcrumb-divideryo kwihitiramo byoroshye bitabaye ngombwa ko usubiramo CSS.

Utubuto

  • Kumena Kuzuza buto , hamwe na agasanduku cyangwa amaradiyo, ntibigisaba JavaScript kandi ufite ibimenyetso bishya. Ntabwo tugikeneye ibintu bipfunyika, ongeraho.btn-checkkuri<input>, kandi ubihuze.btnnamasomo ayo ari yo yose kuri<label>. Reba # 30650 . Inyandiko zibi zimutse kuva kurupapuro rwa Button kurupapuro rushya.

  • Kumena Yataye .btn-blockkubikorwa byingirakamaro. Aho kugirango ukoreshe .btn-blockkuri .btn, funga buto yawe hamwe .d-gridningirakamaro .gap-*kugirango ubashyire umwanya nkuko bikenewe. Hindura kumasomo yitabira kugirango arusheho kubagenzura. Soma inyandiko zingero zimwe.

  • Yavuguruye ibyacu button-variant()na button-outline-variant()mixins kugirango dushyigikire ibipimo byinyongera.

  • Kuvugurura utubuto kugirango tumenye itandukaniro kuri hover na leta ikora.

  • Utubuto twahagaritswe ubu dufite pointer-events: none;.

Ikarita

  • KumenaYataye kuruhande .card-deckrwa gride yacu. Wizike amakarita yawe mumasomo yinkingi hanyuma ongeraho ikintu cyababyeyi .row-cols-*kugirango wongere ukore amakarita (ariko hamwe nubugenzuzi burenze guhuza).

  • KumenaYataye .card-columnsashyigikira Masonry. Reba # 28922 .

  • KumenaYasimbuje .cardakabariro gashingiye hamwe nibintu bishya bya Acordion .

  • Wongeyeho .carousel-darkvariant nshya kumyandiko yijimye, igenzura, nibipimo (bikomeye kumurongo woroshye).

  • Amashusho ya chevron yasimbujwe karuseli igenzura hamwe na SVGs nshya kuva muri Bootstrap .

Funga buto

  • KumenaYahinduwe .closekugirango .btn-closeizina rito risanzwe.

  • Funga buto noneho koresha background-image(yashyizwemo SVG) aho kuba &times;muri HTML, yemerera kwihitiramo byoroshye bitabaye ngombwa ko ukoraho ikimenyetso cyawe.

  • Wongeyeho .btn-close-whitevariant nshya ikoresha filter: invert(1)kugirango ishoboze gutandukanya itandukaniro ryo kwirukana amashusho kuruhande rwijimye.

Gusenyuka

  • Yakuweho imizingo ya ankoring ya bordion.

  • Wongeyeho impinduka nshya .dropdown-menu-darkhamwe nibihinduka bijyanye-kubisabwa umwijima wamanutse.

  • Wongeyeho impinduka nshya kuri $dropdown-padding-x.

  • Umwijima wamanutse kugirango ugabanye itandukaniro.

  • KumenaIbyabaye byose kubitonyanga noneho bikururwa kuri buto yo kumanura hanyuma hanyuma ikabyara kugeza kubintu byababyeyi.

  • Ibitonyanga Ibikurikira noneho bifite data-bs-popper="static"ikiranga gushiraho mugihe umwanya wibitonyanga uhagaze kandi data-bs-popper="none"mugihe ibitonyanga biri mumurongo. Ibi byongeweho na JavaScript yacu kandi bidufasha gukoresha imiterere yimyanya yihariye tutabangamiye umwanya wa Popper.

  • KumenaAmahitamo yataye flipkumanura plugin kugirango ashyigikire kavukire ya Popper. Urashobora noneho guhagarika imyitwarire yo guhinduranya unyuze kumurongo wubusa kugirango fallbackPlacementsuhitemo flip modifier.

  • Ibitonyanga Ibitonyanga birashobora gukanda hamwe nuburyo bushya autoClosebwo gukemura imyitwarire yimodoka . Urashobora gukoresha ubu buryo kugirango wemere gukanda imbere cyangwa hanze ya menu yamanutse kugirango ikoreshwe.

  • Ibitonyanga noneho bishyigikira .dropdown-items bipfunyitse muri <li>s.

Jumbotron

Andika itsinda

  • Wongeyeho nullimpinduka nshya kuri ,,, font-sizeno ku cyiciro .font-weightcolor:hover color.nav-link
  • KumenaNavbars isaba kontineri imbere (kugirango byoroshe cyane ibisabwa byumwanya hamwe na CSS isabwa).

Offcanvas

Pagination

  • Ihuza rya pagination ubu rifite uburyo bwo guhinduranya margin-leftbuzengurutse impande zose iyo zitandukanijwe.

  • Wongeyeho transitions kurupapuro rwihuza.

Amashanyarazi

  • KumenaYahinduwe muburyo busanzwe .arrowbwa .popover-arrowpopover.

  • Izina ryahinduwe whiteListkuri allowList.

Abazunguruka

  • Abazunguruka ubu bubaha prefers-reduced-motion: reducemugutinda animasiyo. Reba # 31882 .

  • Kunoza kuzunguruka guhindagurika.

Toost

  • Toost irashobora guhagarikwa muri a .toast-containerhamwe nubufasha bwibikorwa byingenzi .

  • Yahinduwe toast isanzwe igihe cyamasegonda 5.

  • Yakuwe overflow: hiddenmuri toast hanyuma asimbuzwa border-radiuss bikwiye nibikorwa calc().

Ibikoresho

  • KumenaYahinduwe muburyo busanzwe bwibikoresho .arrow..tooltip-arrow

  • KumenaMburabuzi Agaciro Kuri i fallbackPlacementsYahinduwe Kuri ['top', 'right', 'bottom', 'left']Gushyira Byiza Ibintu Byiza.

  • KumenaIzina ryahinduwe whiteListkuri allowList.

Ibikorwa

  • KumenaYahinduye ibikorwa byinshi kugirango ukoreshe amazina yumutungo wumvikana aho gukoresha amazina yicyerekezo wongeyeho inkunga ya RTL:

    • Yahinduwe .left-*kandi .right-*kuri .start-*na .end-*.
    • Yahinduwe .float-leftkandi .float-rightkuri .float-startna .float-end.
    • Yahinduwe .border-leftkandi .border-rightkuri .border-startna .border-end.
    • Yahinduwe .rounded-leftkandi .rounded-rightkuri .rounded-startna .rounded-end.
    • Yahinduwe .ml-*kandi .mr-*kuri .ms-*na .me-*.
    • Yahinduwe .pl-*kandi .pr-*kuri .ps-*na .pe-*.
    • Yahinduwe .text-leftkandi .text-rightkuri .text-startna .text-end.

  • KumenaYahagaritse imipaka itari nziza.

  • Wongeyeho ibyiciro bishya .bg-bodykugirango ushireho byihuse <body>imiterere yinyuma yibintu.

  • Wongeyeho imyanya mishya yingirakamaro kuri top,,, rightna bottom. leftIndangagaciro zirimo 0, 50%kandi 100%kuri buri mutungo.

  • Wongeyeho ibishya .translate-middle-x& .translate-middle-yibikorwa byingirakamaro kuri horizontalale cyangwa uhagaritse hagati ya absolute / ihagaze neza.

  • Wongeyeho border-widthibikorwa bishya .

  • KumenaYahinduwe .text-monospacekuri .font-monospace.

  • KumenaYakuweho .text-hidekuko nuburyo bwa kera bwo guhisha inyandiko itagomba gukoreshwa ukundi.

  • Wongeyeho .fs-*ibikorwa font-sizebyingirakamaro (hamwe na RFS ishoboye). Ibi bifashisha igipimo kimwe na HTML isanzwe (1-6, nini kugeza nto), kandi irashobora guhindurwa hakoreshejwe ikarita ya Sass.

  • Kumena.font-weight-*Ibikorwa byahinduwe byingirakamaro nko kubugufi .fw-*no guhoraho.

  • Kumena.font-style-*Ibikorwa byahinduwe byingirakamaro nko kubugufi .fst-*no guhoraho.

  • Wongeyeho .d-gridkwerekana ibikorwa byingirakamaro hamwe nibikorwa bishya gap( .gap) kuri CSS Grid na flexbox imiterere.

  • KumenaYakuweho .rounded-smkandi rounded-lg, kandi yatangije igipimo gishya cyamasomo, .rounded-0kuri .rounded-3. Reba # 31687 .

  • Wongeyeho ibikorwa bishya line-height: .lh-1,, .lh-smna . Reba hano ..lh-base.lh-lg

  • Yimuye .d-noneakamaro muri CSS yacu kugirango itange uburemere burenze kubindi bikoresho bifasha.

  • Yaguye .visually-hidden-focusableumufasha kugirango akore no kuri kontineri, ukoresheje :focus-within.

Abafasha

  • Kumena Abafasha bashubije bahinduwe bahinduwe bafasha kugereranya bafite amazina mashya yo mucyiciro hamwe nimyitwarire myiza, kimwe nimpinduka zifasha CSS.

    • Amasomo yahinduwe kugirango ahindurwe bymuburyo xbugereranijwe. Kurugero, .ratio-16by9ni .ratio-16x9.
    • Twahagaritse ibice .embed-responsive-itemhamwe nitsinda ryabatoranijwe kugirango dushyigikire byoroshye .ratio > *. Ntakindi cyiciro gikenewe, kandi umufasha wikigereranyo ubu akorana nibintu byose bya HTML.
    • Ikarita ya $embed-responsive-aspect-ratiosSass yahinduwe izina $aspect-ratioskandi indangagaciro zayo zoroshe gushyiramo izina ryurwego nijanisha key: valuenkibiri.
    • Impinduka za CSS ubu zakozwe kandi zirimo buri gaciro ku ikarita ya Sass. Hindura --bs-aspect-ratioimpinduka kuri .ratiokugirango ukore igereranyo icyo aricyo cyose .

  • Kumena Amasomo ya "Screen Reader" ubu ni amasomo "yihishe" .

    • Yahinduye dosiye ya Sass kuva scss/helpers/_screenreaders.scsskuriscss/helpers/_visually-hidden.scss
    • Yahinduwe .sr-onlykandi .sr-only-focusablekuri .visually-hiddenna.visually-hidden-focusable
    • Yahinduwe sr-only()kandi sr-only-focusable()avanga kuri visually-hidden()na visually-hidden-focusable().

  • bootstrap-utilities.cssubu harimo n'abadufasha. Abafasha ntibakeneye gutumizwa mumazu yubaka.

JavaScript

  • Kureka jQuery kwishingikiriza no kwandika amacomeka kugirango abe muri JavaScript isanzwe.

  • KumenaIbiranga amakuru kuri plugin zose za JavaScript ubu zashyizwe kumazina kugirango zifashe gutandukanya imikorere ya Bootstrap nabandi bantu hamwe na code yawe. Kurugero, dukoresha data-bs-toggleaho data-toggle.

  • Amacomeka yose arashobora noneho kwemera guhitamo CSS nkimpaka yambere. Urashobora gutambutsa ikintu cya DOM cyangwa uwatoranije CSS yemewe kugirango ukore urugero rushya rwa plugin:

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

  • popperConfigBirashobora gutambuka nkigikorwa cyemera Bootstrap isanzwe ya Popper config nkimpaka, kugirango ubashe guhuza iboneza ryambere muburyo bwawe. Irasaba kumanuka, popovers, hamwe nibikoresho.

  • Mburabuzi Agaciro kuri i fallbackPlacementsyahinduwe kugirango ['top', 'right', 'bottom', 'left']ishyirwe neza kubintu bya Popper. Irasaba kumanuka, popovers, hamwe nibikoresho.

  • Yakuweho gutsindagira kumurongo muburyo rusange buhagaze nka _getInstance()→ getInstance().