v5era migratzen
Jarraitu eta berrikusi Bootstrap iturburu-fitxategietan, dokumentazioan eta osagaietan egindako aldaketak, v4tik v5era migratzen laguntzeko.
Mendekotasunak
- JQuery kendu da.
- Popper v1.x-tik Popper v2.x-era berritu da.
- Libsass Dart Sass-ekin ordezkatu da, Libsass emandako Sass konpilatzailea zaharkituta zegoenez.
- Jekyll-etik Hugora migratu genuen gure dokumentazioa eraikitzeko
Arakatzailearen laguntza
- Internet Explorer 10 eta 11 jaitsi egin da
- Microsoft Edge < 16 jaitsi da (Legacy Edge)
- Firefox < 60 jaitsi da
- Safari jaitsi da < 12
- Jaregin da iOS Safari < 12
- Chrome < 60 jaitsi da
Dokumentazio aldaketak
- Hasierako orria, dokumentuen diseinua eta orri-oina birmoldatu dira.
- Paketeen gida berria gehitu da .
- Pertsonalizatu atal berria gehitu da, v4-ren Theming orria ordezkatuz , Sass-en xehetasun berriekin, konfigurazio-auker globalak, kolore-eskemak, CSS aldagaiak eta abar.
- Inprimakiaren dokumentazio guztia Inprimakien atal berrian berrantolatu da , edukia orri bideratuagoetan banatuz.
- Era berean, Diseinua atala eguneratu da sareko edukia argiago mamitzeko.
- "Navs" osagaiaren orria "Navs & Tabs" izenarekin.
- "Txekeak" orriari "Txekeak eta irratiak" izena jarri diote.
- Nabigazio-barra birmoldatu eta azpinabigazio berria gehitu da gure webguneetan eta dokumentuen bertsioetan errazago ibiltzea.
- Teklatuko lasterbide berria gehitu da bilaketa-eremurako: Ctrl + /.
Sass
-
Sass mapa-batze lehenetsiak alde batera utzi ditugu balio erredundanteak errazago kentzeko. Gogoan izan orain Sass mapetan balio guztiak definitu behar dituzula bezalakoa
$theme-colors
. Begiratu Sass mapekin nola aurre egin . -
Haustura
color-yiq()
Funtzioari eta erlazionatutako aldagaiei izena aldatu zaiecolor-contrast()
, jada ez baitago YIQ kolore-espazioarekin lotuta . Ikusi #30168.$yiq-contrasted-threshold
izena aldatu zaio$min-contrast-ratio
.$yiq-text-dark
eta , hurrenez hurren, eta$yiq-text-light
izena aldatzen zaie .$color-contrast-dark
$color-contrast-light
-
HausturaMultimedia-kontsulten nahasteen parametroak aldatu egin dira ikuspegi logikoagoa izateko.
media-breakpoint-down()
eten-puntua bera erabiltzen du hurrengo eten-puntuaren ordez (adibidez, helburuen bista txikiagoenmedia-breakpoint-down(lg)
ordez ).media-breakpoint-down(md)
lg
- Era berean, bigarren parametroak
media-breakpoint-between()
eten-puntua bera ere erabiltzen du hurrengo eten-puntuarenmedia-between(sm, lg)
ordez (adibidez,media-breakpoint-between(sm, md)
helburuensm
etalg
) arteko ikuspegien ordez.
-
HausturaInprimatze-estiloak eta
$enable-print-styles
aldagaiak kendu dira. Inprimatu erakusteko klaseak oraindik inguruan daude. Ikusi #28339 . -
HausturaJaitsi
color()
,theme-color()
, etagray()
funtzioak aldagaien alde. Ikusi #29083 . -
HausturaFuntzioari izena aldatu
theme-color-level()
zaiocolor-level()
eta orain nahi duzun kolorea onartzen du$theme-color
koloreak baino ez. Ikusi #29083 Kontuz:color-level()
geroago sartu zenv5.0.0-alpha3
. -
HausturaBerriendatu
$enable-prefers-reduced-motion-media-query
eta$enable-pointer-cursor-for-buttons
to$enable-reduced-motion
eta$enable-button-pointers
laburtasunerako. -
Haustura
bg-gradient-variant()
Mixina kendu . Erabili.bg-gradient
klasea elementuei gradienteak gehitzeko sortutako.bg-gradient-*
klaseen ordez. -
Haustura Aurretik zaharkitutako mixin-ak kendu dira:
hover
,hover-focus
,plain-hover-focus
, etahover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(lotutako erabilgarritasun-klasea ere kendu zuen,.text-hide
)visibility()
form-control-focus()
-
Haustura
scale-color()
Funtzioari izena aldatu zaioshift-color()
Sassen koloreen eskalatze funtzioarekin talka saihesteko. -
box-shadow
Mixinek orainnull
balioak onartzen dituzte etanone
argumentu anitzetatik kentzen dituzte. Ikusi #30394 . -
Mixin -
border-radius()
ak balio lehenetsia du orain.
Kolore-sistema
-
Kolore-sistemarekin funtzionatzen zuen
color-level()
eta$theme-color-interval
kendu zen kolore-sistema berri baten alde. Gure kode-baseko funtzio guztiaklighten()
eta eta ordezkatzendarken()
dira . Funtzio hauek kolorea zuria edo beltzarekin nahastuko dute argitasuna kopuru finko batean aldatu beharrean. Pisu-parametroa positiboa edo negatiboa denaren arabera kolore bat tindatuko edo itzalduko du . Ikus #30622 xehetasun gehiagorako.tint-color()
shade-color()
shift-color()
-
Kolore bakoitzerako ñabardura eta tonu berriak gehitu dira, oinarrizko kolore bakoitzeko bederatzi kolore bereizi eskainiz, Sass aldagai berri gisa.
-
Kolore kontraste hobetua. Kolore-kontraste-erlazioa 3:1etik 4.5:1 artekoa eta kolore urdina, berdea, ziana eta arrosa eguneratuak WCAG 2.1 AA kontrastea bermatzeko. Gure kolore-kontrastearen koloretik ere aldatu
$gray-900
dugu$black
. -
Gure kolore-sistema laguntzeko, pertsonalizatu
tint-color()
etashade-color()
funtzio berriak gehitu ditugu gure koloreak behar bezala nahasteko.
Sarearen eguneraketak
-
Eten puntu berria!
xxl
Eten-puntu berria gehitu da1400px
eta gora. Ez dago aldaketarik gainerako eten puntu guztietan. -
Erretenak hobetu.
1.5rem
Gutters orain remetan ezarrita daude, eta v4 ( , edo gutxi gorabehera24px
, behera) baino estuagoak dira30px
. Honek gure sare-sistemaren erretenak gure espazio-zerbitzuekin lerrokatzen ditu.- Erreten-klase berria gehitu da (
.g-*
,.gx-*
, eta.gy-*
) kanalizazio horizontalak/bertikalak, erretenak horizontalak eta erretenak bertikalak kontrolatzeko. - Haustura
.no-gutters
Izena aldatu zaio erretenaren.g-0
erabilgarritasun berriekin bat etortzeko.
- Erreten-klase berria gehitu da (
-
Zutabeak jada ez dira aplikatu, beraz, baliteke elementu batzuk
position: relative
gehitu behar izatea portaera hori leheneratzeko..position-relative
-
HausturaAskotan erabiltzen ez ziren hainbat
.order-*
klase utzi zituen. Orain kutxatik kanpo bakarrik ematen dugu.order-1
..order-5
-
HausturaOsagaia jaitsi
.media
egin da, utilitateekin erraz errepika daitekeelako. Ikus #28265 eta flex utilitateen orria adibide baterako . -
Haustura
bootstrap-grid.css
orain zutabean soilik aplikatzenbox-sizing: border-box
da kutxa-tamaina globala berrezarri beharrean. Horrela, gure sareta estiloak leku gehiagotan erabil daitezke interferentziarik gabe. -
$enable-grid-classes
jada ez du edukiontzien klaseak sortzea desgaitzen. Ikusi #29146. -
Mixin-a eguneratu
make-col
da lehenetsitako zutabe berdinekin tamaina zehaztu gabe.
Edukia, berrabiarazi, etab
-
RFS lehenespenez gaituta dago orain. Mixin -a erabiltzen duten
font-size()
goiburuak automatikoki egokituko dira bistaratukofont-size
eskalara. Eginbide hau lehen v4-rekin aukeratzen zen. -
HausturaGure bistaratze-tipografia berritu dugu gure
$display-*
aldagaiak ordezkatzeko eta$display-font-sizes
Sass mapa batekin. S bakar eta egokitutako$display-*-weight
aldagai indibidualak ere kendu ditu .$display-font-weight
font-size
-
Bi
.display-*
goiburu-tamaina berri gehitu dira,.display-5
eta.display-6
. -
Estekak lehenespenez azpimarratzen dira (ez bakarrik pasatzean), osagai zehatzen parte ez badira behintzat.
-
Taulak birdiseinatu dituzte estiloak freskatzeko eta CSS aldagaiekin berreraikitzeko, estiloaren gaineko kontrola gehiago izateko.
-
HausturaHabiaratutako taulek ez dituzte estiloak heredatzen.
-
Haustura
.thead-light
eta taulako elementu guztietan ( , , , , eta ) erabil daitezkeen aldaera klaseen.thead-dark
alde uzten dira ..table-*
thead
tbody
tfoot
tr
th
td
-
HausturaMixin -
table-row-variant()
ari izena aldatu zaiotable-variant()
eta 2 parametro baino ez ditu onartzen:$color
(kolore-izena) eta$value
(kolore-kodea). Ertzaren kolorea eta azentu koloreak automatikoki kalkulatzen dira taulako faktoreen aldagaietan oinarrituta. -
Zatitu taulako gelaxka betetzeko aldagaiak
-y
eta-x
. -
Haustura
.pre-scrollable
Klase jaitsi . Ikusi #29135 -
Haustura
.text-*
utilitateek ez dituzte gehitzen pasatzeko eta foku egoerak esteketan..link-*
laguntzaile klaseak erabil daitezke horren ordez. Ikusi #29267 -
Haustura
.text-justify
Klase jaitsi . Ikusi #29793 -
Berrezarri lehenetsi horizontala
padding-left
aktibatuta<ul>
eta arakatzailearen<ol>
lehenetsitako elementuak .40px
2rem
-
Gehituta
$enable-smooth-scroll
dago, mundu osoan aplikatzen dena, multimediascroll-behavior: smooth
-kontsulten bidez mugimendu murriztua eskatzen duten erabiltzaileentzat izan ezik . Ikusi #31877prefers-reduced-motion
RTL
- Norabide horizontaleko aldagai espezifikoak, utilitateak eta nahasketak izena aldatu zaie, flexbox diseinuetan aurkitzen diren bezalako propietate logikoak erabiltzeko, adibidez,
start
eta eta -renend
ordez .left
right
Formak
-
Inprimaki flotagarri berriak gehitu dira! Etiketa flotagarriak adibidea guztiz onartzen duten inprimaki-osagaietara sustatu dugu. Ikusi Etiketa flotagarriak orri berria.
-
Haustura Inprimaki-elementu jatorrizko eta pertsonalizatuak bateratuak. v4-n klase natiboak eta pertsonalizatuak zituzten kontrol-laukiak, irratiak, hautaketak eta beste sarrera batzuk finkatu dira. Orain gure inprimaki-elementu ia guztiak guztiz pertsonalizatuak dira, gehienak HTML pertsonalizatu beharrik gabe.
.custom-check
orain da.form-check
..custom-check.custom-switch
orain da.form-check.form-switch
..custom-select
orain da.form-select
..custom-file
eta.form-file
estilo pertsonalizatuek ordezkatu dituzte gainean.form-control
..custom-range
orain da.form-range
.- Bertakoa
.form-control-file
eta.form-control-range
.
-
HausturaJaitsi
.input-group-append
eta.input-group-prepend
. Orain botoiak gehi ditzakezu eta.input-group-text
sarrera-taldeen seme-alaba zuzen gisa. -
Balidazio-adierazpenen akatsa duen sarrera-taldearen aspaldiko ertz-erradioa falta da azkenean
.has-validation
baliozkotzea duten sarrera-taldeei klase gehigarri bat gehituz . -
Haustura Inprimaki espezifikoen diseinu-klaseak kendu dira gure sare-sistemarako. Erabili gure sarea eta utilitateak
.form-group
,.form-row
, edo.form-inline
. -
HausturaInprimaki-etiketek orain eskatzen dute
.form-label
. -
Haustura
.form-text
jada ez da ezartzendisplay
, HTML elementua aldatuta nahi duzun moduan lerroan edo blokeatzeko laguntza-testua sortzeko aukera emanez. -
Balidazio-ikonoak jada ez dira aplikatzen
<select>
s-rekinmultiple
. -
Iturburuko Sass fitxategiak berrantolatu dira
scss/forms/
, sarrera-taldeen estiloak barne.
Osagaiak
- Alertak, ogi-birak, txartelak, goitibeherakoak, zerrenda-taldeak, modalak, popover-ak eta tresna-aholkuak gure aldagaian
padding
oinarritutako balio bateratuak . Ikusi #30564 .$spacer
Akordeoia
- Akordeoi osagai berria gehitu da .
Alertak
-
Alertak ikonodun adibideak dituzte orain .
-
Alerta bakoitzean s- entzako estilo pertsonalizatuak kendu
<hr>
dira dagoeneko erabiltzen dutelakocurrentColor
.
Txapak
-
HausturaKolore-klase guztiak kendu
.badge-*
ditu atzeko planoetarako (adibidez, erabili.bg-primary
ordez.badge-primary
). -
HausturaJaregin
.badge-pill
—.rounded-pill
erabili utilitatea ordez. -
HausturaPasatzeko eta fokatzeko estiloak
<a>
eta<button>
elementuentzat kendu dira. -
/ -tik
.25em
/.5em
-ra bereizgarrientzako betegarri lehenetsia handitu da ..35em
.65em
Ogi birrindua
-
padding
Ogi-mamien itxura lehenetsia sinplifikatu ,background-color
, eta kenduzborder-radius
. -
CSS propietate pertsonalizatu berria gehitu
--bs-breadcrumb-divider
da erraz pertsonalizatzeko CSS berriro konpilatu beharrik gabe.
Botoiak
-
Haustura Aktibatzeko botoiek , kontrol-laukiekin edo irratiekin, jada ez dute JavaScript behar eta marka berria dute. Jada ez dugu biltzeko elementurik behar, gehitu
.btn-check
,<input>
eta parekatu .-ko edozein.btn
klaserekin<label>
. Ikusi #30650 . Horretarako dokumentuak gure Botoien orritik Inprimakiak atal berrira eraman dira. -
Haustura
.btn-block
Utilitateengatik jaitsi da. Erabili beharrean.btn-block
,.btn
itzulbiratu zure botoiak.d-grid
eta.gap-*
erabilgarritasun batekin behar den moduan espazioratzeko. Aldatu responsive klaseetara haien gaineko kontrola are gehiago izateko. Irakurri dokumentuak adibide batzuk ikusteko. -
Gure
button-variant()
etabutton-outline-variant()
mixins eguneratu dira parametro osagarriak onartzeko. -
Botoiak eguneratu dira pasabidean eta aktibo egoeretan kontraste handiagoa bermatzeko.
-
Desgaitutako botoiek orain dute
pointer-events: none;
.
Txartela
-
Haustura
.card-deck
Gure sarearen alde erorita . Itzulbiratu zure txartelak zutabe-klaseetan eta gehitu.row-cols-*
edukiontzi nagusi bat karta-sorta birsortzeko (baina lerrokatze sentikorrari buruzko kontrol handiagoarekin). -
HausturaIgeltseroaren
.card-columns
alde erorita. Ikusi #28922 . -
Haustura
.card
Oinarritutako akordeoia akordeoi osagai berri batekin ordezkatu da .
Karrusela
-
Testu, kontrol eta adierazle ilunetarako
.carousel-dark
aldaera berria gehitu da (hondo argiagoetarako aproposa). -
Karruselaren kontroletarako chevron ikonoak Bootstrap Icons -en SVG berriekin ordezkatu dira .
Itxi botoia
-
HausturaIzen generikoa ez
.close
den izenarekin aldatu da..btn-close
-
Itxi botoiek orain HTMLn bat erabiltzen dute
background-image
(SVG kapsulatua) bat beharrean×
, eta errazagoa da pertsonalizatzea ahalbidetuz zure marka ukitu beharrik gabe. -
Kontraste handiagoko baztertzeko ikonoak atzeko plano ilunetan gaitzeko
.btn-close-white
erabiltzen den aldaera berria gehitu da.filter: invert(1)
Tolestu
- Akordeoientzako korritze aingura kendu da.
Goitibeherak
-
Aldaera berria
.dropdown-menu-dark
eta lotutako aldagaiak gehitu dira eskari ilunetarako goitibeherako. -
Aldagai berria gehitu da
$dropdown-padding-x
. -
Goitibeherako banatzailea ilundu du kontrastea hobetzeko.
-
HausturaGoitibeherako gertaera guztiak goitibeherako botoian abiarazten dira eta, ondoren, elementu nagusira igotzen dira.
-
Goitibeherako menuek
data-bs-popper="static"
atributu bat ezarri dute goitibeherako kokapena estatikoadata-bs-popper="none"
denean eta goitibeherako nabigazio barran dagoenean. Hau gure JavaScript-ek gehitzen du eta posizio-estilo pertsonalizatuak erabiltzen laguntzen digu Popperren posizionamendua oztopatu gabe. -
HausturaGoitibeherako pluginaren aukera jaitsi
flip
da Popper jatorrizko konfigurazioaren alde. Orain iraultzeko portaera desgaitu dezakezu array huts bat aukerarakofallbackPlacements
irauli aldatzailean pasatuz. -
Goitibeherako menuetan klik egin daitezke orain automatikoki ixteko portaera
autoClose
kudeatzeko aukera berri batekin . Aukera hau erabil dezakezu goitibeherako menuaren barruan edo kanpoan klika onartzeko, interaktiboa izan dadin. -
Goitibeharrek orain
.dropdown-item
s-tan bilduta onartzen dute<li>
.
Jumbotron
- HausturaJumbotron osagaia jaitsi egin da, utilitateekin erreplika daitekeelako. Ikusi gure Jumbotron adibide berria demo baterako.
Zerrenda taldea
.list-group-numbered
Mugatzaile berria gehitu da zerrenda taldeetan.
Nabigazio eta fitxak
null
Aldagai berriak gehitu dirafont-size
,font-weight
,color
eta klasean.:hover
color
.nav-link
Nabigazio-barrak
- HausturaNabigazio-barrek edukiontzi bat behar dute orain (tarte-eskakizunak eta CSS beharrezkoak nabarmen errazteko).
Oihalez kanpokoa
- Offcanvas osagai berria gehitu da .
Paginazioa
-
Orrialdeketa estekak pertsonalizagarriak dituzte orain,
margin-left
ertz guztietan dinamikoki biribiltzen direnak elkarrengandik bereizten direnean. -
s gehitu
transition
da orrialderatze esteketan.
Popovers
-
HausturaGure popover txantiloi lehenetsian izena aldatu
.arrow
da ..popover-arrow
-
Aukerari izena aldatu
whiteList
zaioallowList
.
Spinners
-
Spinners orain
prefers-reduced-motion: reduce
animazioak motelduz ohore egiten dute. Ikusi #31882 . -
Spinerren lerrokadura bertikala hobetu da.
Tostadak
-
Orain tostadak a batean kokatu daitezke kokapen-utilitateen
.toast-container
laguntzaz . -
Topariaren iraupen lehenetsia 5 segundora aldatu da.
-
Tostetatik kendu eta funtzioekin s
overflow: hidden
egokiekin ordezkatu .border-radius
calc()
Erreminta-aholkuak
-
HausturaGure tresna-informazio txantiloi lehenetsian izena aldatu
.arrow
da ..tooltip-arrow
-
HausturaPopper elementuak hobeto kokatzeko balio lehenetsia
fallbackPlacements
aldatzen da .['top', 'right', 'bottom', 'left']
-
HausturaAukerari izena aldatu
whiteList
zaioallowList
.
Utilitateak
-
HausturaHainbat utilitate izena aldatu da jabetza logikoen izenen ordez norabide-izenen ordez RTL euskarria gehituta:
- Izena aldatu
.left-*
eta.right-*
to.start-*
eta.end-*
. - Izena aldatu
.float-left
eta.float-right
to.float-start
eta.float-end
. - Izena aldatu
.border-left
eta.border-right
to.border-start
eta.border-end
. - Izena aldatu
.rounded-left
eta.rounded-right
to.rounded-start
eta.rounded-end
. - Izena aldatu
.ml-*
eta.mr-*
to.ms-*
eta.me-*
. - Izena aldatu
.pl-*
eta.pr-*
to.ps-*
eta.pe-*
. - Izena aldatu
.text-left
eta.text-right
to.text-start
eta.text-end
.
- Izena aldatu
-
HausturaMarjina negatiboak desgaituta daude lehenespenez.
-
Klase berria gehitu da atzealdea elementu gehigarrietan
.bg-body
azkar ezartzeko .<body>
-
Kokapen-utilitate berriak gehitu dira
top
,right
,bottom
etaleft
. Balioek0
,50%
, eta100%
propietate bakoitzeko dira. -
Erabilgarritasun berriak gehitu dira horizontalki edo bertikalki kokatutako elementu absolutuak/finkoak erdiratzeko
.translate-middle-x
..translate-middle-y
-
border-width
Utilitate berriak gehitu dira . -
HausturaIzena aldatu
.text-monospace
zaio.font-monospace
. -
HausturaKendu
.text-hide
egin da jada erabili behar ez den testua ezkutatzeko metodo zaharkitua delako. -
.fs-*
Utilitateentzako utilitateak gehitu dirafont-size
(RFS gaituta). Hauek HTML-ren goiburu lehenetsien eskala bera erabiltzen dute (1-6, handitik txikira), eta Sass maparen bidez alda daitezke. -
HausturaLaburtasuna eta koherentziagatik
.font-weight-*
utilitateei izena aldatu zaie..fw-*
-
HausturaLaburtasuna eta koherentziagatik
.font-style-*
utilitateei izena aldatu zaie..fst-*
-
CSS Grid eta flexbox diseinuetarako
.d-grid
utilitateak eta utilitate berriakgap
( ) bistaratzeko gehitu da..gap
-
HausturaKendu
.rounded-sm
etarounded-lg
, eta klaseen eskala berri bat sartu zuen.rounded-0
,.rounded-3
. Ikusi #31687 . -
line-height
Utilitate berriak gehitu dira:.lh-1
,.lh-sm
,.lh-base
eta.lh-lg
. Ikusi hemen . -
Erabilgarritasuna mugitu dugu
.d-none
gure CSS-an pisu gehiago emateko beste pantaila-utilitate batzuen aldean. -
Laguntzailea hedatu du
.visually-hidden-focusable
edukiontzietan ere lan egiteko,:focus-within
.
Laguntzaileak
-
Haustura Erantzuteko kapsulatze laguntzaileak izena aldatu dute klase-izen berriekin eta portaera hobetuekin erlazionatzeko laguntzaileak , baita CSS aldagai lagungarri bat ere.
- Klaseei izena aldatu
by
zaiex
aspektu-erlazioan aldatzeko. Adibidez,.ratio-16by9
orain da.ratio-16x9
. .embed-responsive-item
eta elementu-taldearen hautatzailea kendu dugu hautatzaile sinpleago baten alde.ratio > *
. Ez da klase gehiago behar, eta ratioaren laguntzaileak edozein HTML elementurekin funtzionatzen du orain.- Sass mapari izena aldatu
$embed-responsive-aspect-ratios
zaio$aspect-ratios
eta bere balioak sinplifikatu dira, klasearen izena eta ehunekoakey: value
bikote gisa sartzeko. - CSS aldagaiak sortu eta sartzen dira Sass mapan balio bakoitzerako. Aldatu
--bs-aspect-ratio
aldagaia.ratio
edozein aspektu-erlazio pertsonalizatua sortzeko .
- Klaseei izena aldatu
-
Haustura "Pantaila irakurgailua" klaseak "bisualki ezkutuko" klaseak dira orain .
- Sass fitxategia honetatik aldatu
scss/helpers/_screenreaders.scss
dascss/helpers/_visually-hidden.scss
- Izena aldatu
.sr-only
eta.sr-only-focusable
to.visually-hidden
eta.visually-hidden-focusable
- Izena aldatu
sr-only()
etasr-only-focusable()
nahastuvisually-hidden()
etavisually-hidden-focusable()
.
- Sass fitxategia honetatik aldatu
-
bootstrap-utilities.css
orain gure laguntzaileak ere sartzen dira. Laguntzaileak ez dira gehiago inportatu behar eraikuntza pertsonalizatuetan.
JavaScript
-
JQuery menpekotasuna kendu eta pluginak berridatzi JavaScript arruntean egoteko.
-
HausturaJavaScript plugin guztien datu-atributuak izen-tartea daude orain Bootstrap funtzionaltasuna hirugarrenengandik eta zure kodea bereizten laguntzeko. Adibidez, erabili
data-bs-toggle
beharreandata-toggle
. -
Plugin guztiek CSS hautatzaile bat onar dezakete orain lehen argumentu gisa. DOM elementu bat edo baliozko edozein CSS hautatzaile pasa dezakezu pluginaren instantzia berri bat sortzeko:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
Bootstrap-en Popper konfigurazio lehenetsia argumentu gisa onartzen duen funtzio gisa pasa daiteke, konfigurazio lehenetsi hau zure erara batu dezazun. Goitibehitz, popover eta argibideei dagokie. -
Balio lehenetsia honela
fallbackPlacements
aldatzen da['top', 'right', 'bottom', 'left']
Popper elementuak hobeto kokatzeko. Goitibehitz, popover eta argibideei dagokie. -
Azpimarra kendu da
_getInstance()
→ bezalako metodo estatiko publikoetatikgetInstance()
.