Perkeliama į v5
Stebėkite ir peržiūrėkite „Bootstrap“ šaltinio failų, dokumentacijos ir komponentų pakeitimus, kad galėtumėte pereiti iš 4 į 5.
Priklausomybės
- Atsisakė jQuery.
- Atnaujinta iš Popper v1.x į Popper v2.x.
- Libsass pakeistas Dart Sass, nes mūsų Sass kompiliatorius, suteiktas Libsass, buvo nebenaudojamas.
- Perėjo iš Jekyll į Hugo, kad sukurtų mūsų dokumentus
Naršyklės palaikymas
- Atsisakė Internet Explorer 10 ir 11
- Atsisakė „Microsoft Edge“ < 16 (pasenęs kraštas)
- Atsisakė „Firefox“ < 60
- Išmestas „Safari“ < 12
- Atsisakė iOS Safari < 12
- Nukrito „Chrome“ < 60
Dokumentacijos pakeitimai
- Pertvarkytas pagrindinis puslapis, dokumentų išdėstymas ir poraštė.
- Pridėtas naujas siuntų vadovas .
- Pridėta nauja Tinkinimo skiltis , pakeičianti v4 temų puslapį su nauja informacija apie Sass, visuotines konfigūracijos parinktis, spalvų schemas, CSS kintamuosius ir kt.
- Visa formų dokumentacija pertvarkyta į naują Formų skiltį , išskaidant turinį į labiau sutelktus puslapius.
- Panašiai atnaujinta skiltis Išdėstymas , kad būtų aiškiau išdėstytas tinklelio turinys.
- Komponento puslapis „Navs“ pervadintas į „Navs & Tabs“.
- Puslapis „Checks“ pervadintas į „Checks & radijas“.
- Pertvarkyta naršymo juosta ir pridėta nauja subnav, kad būtų lengviau naršyti mūsų svetaines ir dokumentų versijas.
- Pridėtas naujas paieškos lauko spartusis klavišas: Ctrl + /.
Sass
-
Atsisakėme numatytųjų Sass žemėlapių sujungimų, kad būtų lengviau pašalinti perteklines reikšmes. Atminkite, kad dabar turite apibrėžti visas reikšmes Sass žemėlapiuose, pvz .,
$theme-colors
. Sužinokite, kaip elgtis su Sass žemėlapiais . -
Lūžęs
color-yiq()
Funkcija ir susiję kintamieji pervadinti įcolor-contrast()
, nes ji nebėra susijusi su YIQ spalvų erdve. Žr. #30168.$yiq-contrasted-threshold
yra pervadintas į$min-contrast-ratio
.$yiq-text-dark
ir$yiq-text-light
yra atitinkamai pervadinti į$color-contrast-dark
ir$color-contrast-light
.
-
LūžęsMedia query mixins parametrai buvo pakeisti, kad būtų logiškesnis požiūris.
media-breakpoint-down()
naudoja patį pertraukos tašką, o ne kitą pertraukos tašką (pvz.,media-breakpoint-down(lg)
vietojmedia-breakpoint-down(md)
tikslinių peržiūros sričių, mažesnių neilg
).- Panašiai, antrasis parametras
media-breakpoint-between()
taip pat naudoja patį pertraukos tašką, o ne kitą pertraukos tašką (pvz.,media-between(sm, lg)
vietojmedia-breakpoint-between(sm, md)
tikslinių peržiūros sričių tarpsm
irlg
).
-
LūžęsPašalinti spausdinimo stiliai ir
$enable-print-styles
kintamasis. Spausdinimo rodymo klasės vis dar egzistuoja. Žr. #28339 . -
LūžęsAtmesta
color()
,theme-color()
irgray()
veikia kintamųjų naudai. Žr. #29083 . -
LūžęsFunkcija pervadinta
theme-color-level()
įcolor-level()
ir dabar priima bet kokią norimą spalvą, o ne tik$theme-color
spalvas. Žr. #29083 Saugokitės:color-level()
vėliau buvo išmestasv5.0.0-alpha3
. -
LūžęsTrumpumo dėlei pervadinta į
$enable-prefers-reduced-motion-media-query
ir į .$enable-pointer-cursor-for-buttons
$enable-reduced-motion
$enable-button-pointers
-
LūžęsPašalintas
bg-gradient-variant()
mišinys. Naudokite.bg-gradient
klasę norėdami pridėti gradientus prie elementų, o ne sugeneruotas.bg-gradient-*
klases. -
Lūžęs Pašalinti anksčiau nebenaudojami mišiniai:
hover
,hover-focus
,plain-hover-focus
, irhover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(taip pat atsisakyta susijusios naudingumo klasės,.text-hide
)visibility()
form-control-focus()
-
Lūžęs
scale-color()
Funkcija pervadinta įshift-color()
, kad būtų išvengta susidūrimo su Sass spalvų mastelio keitimo funkcija. -
box-shadow
mixins dabar leidžianull
reikšmes ir išmetanone
iš kelių argumentų. Žr. #30394 . -
Dabar
border-radius()
maišytuvas turi numatytąją reikšmę.
Spalvų sistema
-
Spalvų sistema, kuri veikė
color-level()
ir$theme-color-interval
buvo pašalinta naujos spalvų sistemos naudai. Visoslighten()
irdarken()
funkcijos mūsų kodų bazėje yra pakeistostint-color()
irshade-color()
. Šios funkcijos sumaišys spalvą su balta arba juoda, o ne pakeis jos šviesumą fiksuotu kiekiu. Atspalvinsshift-color()
arba atspalvins spalvą, priklausomai nuo to, ar jo svorio parametras yra teigiamas, ar neigiamas. Daugiau informacijos rasite #30622 . -
Pridėta naujų atspalvių ir atspalvių kiekvienai spalvai, suteikiant devynias atskiras spalvas kiekvienai pagrindinei spalvai kaip nauji Sass kintamieji.
-
Patobulintas spalvų kontrastas. Padidintas spalvų kontrasto santykis nuo 3:1 iki 4,5:1 ir atnaujintos mėlynos, žalios, žalsvai mėlynos ir rožinės spalvos, kad būtų užtikrintas WCAG 2.1 AA kontrastas. Taip pat pakeista spalvų kontrasto spalva iš
$gray-900
į$black
. -
Siekdami palaikyti mūsų spalvų sistemą, pridėjome naujų pasirinktinių
tint-color()
irshade-color()
funkcijų, leidžiančių tinkamai derinti spalvas.
Tinklelio atnaujinimai
-
Naujas lūžio taškas! Pridėtas naujas
xxl
pertraukos taškas1400px
ir aukštyn. Jokių kitų pertraukos taškų pakeitimų. -
Patobulinti latakai. Latakai dabar nustatyti relėmis ir yra siauresni nei v4 (
1.5rem
, arba maždaug24px
, žemyn nuo30px
). Tai sulygiuoja mūsų tinklelio sistemos latakus su mūsų tarpais.- Pridėta nauja latakų klasė (
.g-*
,.gx-*
, ir.gy-*
), skirta valdyti horizontalius / vertikalius latakus, horizontalius latakus ir vertikalius latakus. - LūžęsPervardyta
.no-gutters
į.g-0
, kad atitiktų naujas latakų paslaugas.
- Pridėta nauja latakų klasė (
-
Stulpeliai nebetaikomi
position: relative
, todėl gali tekti pridėti.position-relative
kai kurių elementų, kad atkurtumėte tokį elgesį. -
LūžęsAtsisakė kelių
.order-*
klasių, kurios dažnai liko nenaudojamos. Dabar teikiame.order-1
tik.order-5
iš dėžutės. -
LūžęsKomponentas buvo atmestas,
.media
nes jį galima lengvai pakartoti naudojant komunalines paslaugas. Pavyzdį žr. #28265 ir lanksčių paslaugų puslapį . -
Lūžęs
bootstrap-grid.css
dabar taikoma tikbox-sizing: border-box
stulpeliui, o ne iš naujo nustatyti visuotinį dėžutės dydį. Tokiu būdu mūsų tinklelio stiliai gali būti naudojami daugiau vietų be trukdžių. -
$enable-grid-classes
nebeišjungia sudėtinių rodinių klasių generavimo. Žr. #29146. -
Atnaujintas
make-col
miksas pagal numatytuosius nustatymus į vienodus stulpelius be nurodyto dydžio.
Turinys, perkrovimas ir kt
-
RFS dabar įjungtas pagal numatytuosius nustatymus. Antraštės, kuriose naudojamas
font-size()
mišinys, automatiškai koreguoja jųfont-size
mastelį peržiūros srityje. Ši funkcija anksčiau buvo pasirinkta naudojant v4. -
LūžęsPeržiūrėjome ekrano tipografiją, kad pakeistume
$display-*
kintamuosius ir$display-font-sizes
Sass žemėlapį. Taip pat pašalinti atskiri$display-*-weight
vieno$display-font-weight
ir pakoreguotofont-size
s kintamieji. -
Pridėjo du naujus
.display-*
antraščių dydžius.display-5
ir.display-6
. -
Pagal numatytuosius nustatymus nuorodos yra pabrauktos (ne tik užvedus pelės žymeklį), nebent jos yra konkrečių komponentų dalis.
-
Perkurtos lentelės , kad būtų atnaujintas jų stilius ir perkurtos naudojant CSS kintamuosius, kad būtų galima geriau valdyti stilių.
-
LūžęsĮdėtos lentelės stilių nebepaveldi.
-
Lūžęs
.thead-light
ir.thead-dark
yra atmetami ir pasirenkamos.table-*
variantų klasės, kurios gali būti naudojamos visiems lentelės elementams (thead
,tbody
,tfoot
,tr
,th
irtd
). -
LūžęsMišinys
table-row-variant()
pervadinamas įtable-variant()
ir priima tik 2 parametrus:$color
(spalvos pavadinimas) ir$value
(spalvos kodas). Kraštinės spalva ir akcento spalvos automatiškai apskaičiuojamos pagal lentelės faktoriaus kintamuosius. -
Padalinkite lentelės langelių užpildymo kintamuosius į
-y
ir-x
. -
LūžęsNukrito
.pre-scrollable
klasė. Žr. #29135 -
Lūžęs
.text-*
Priemonės nebeprideda nuorodų užvedimo ir fokusavimo būsenų..link-*
Vietoje to gali būti naudojamos pagalbinės klasės. Žr. #29267 -
LūžęsNukrito
.text-justify
klasė. Žr. #29793 -
Lūžęs
<hr>
elementai dabar naudojamiheight
, o neborder
geriau palaikytisize
atributą. Tai taip pat leidžia naudoti užpildymo priemones, kad būtų sukurtos storesnės pertvaros (pvz.,<hr class="py-1">
). -
Iš naujo nustatyti numatytąjį horizontalųjį
padding-left
ir<ul>
elementus<ol>
iš naršyklės numatytųjų40px
į2rem
. -
Pridėta
$enable-smooth-scroll
, kuris taikomasscroll-behavior: smooth
visame pasaulyje, išskyrus vartotojus, kurie prašo sumažinti judėjimą perprefers-reduced-motion
medijos užklausą. Žr. #31877
RTL
- Horizontalios krypties specifiniai kintamieji, komunalinės paslaugos ir mišiniai buvo pervadinti, kad būtų naudojamos loginės ypatybės, pvz., esančios lanksčiojo dėžutės išdėstyme, pvz. , vietoj
start
ir .end
left
right
Formos
-
Pridėtos naujos plaukiojančios formos! Pakeitėme slankiųjų etikečių pavyzdį į visiškai palaikomus formos komponentus. Žr. naują slankiųjų etikečių puslapį.
-
Lūžęs Konsoliduoti savųjų ir tinkintų formų elementai. Žymieji langeliai, radijo imtuvai, pasirinkimai ir kiti įvesties elementai, turintys savąsias ir pasirinktines klases 4 versijoje, buvo konsoliduoti. Dabar beveik visi formos elementai yra visiškai pritaikyti, daugumai nereikia pasirinktinio HTML.
.custom-check
yra dabar.form-check
..custom-check.custom-switch
yra dabar.form-check.form-switch
..custom-select
yra dabar.form-select
..custom-file
ir.form-file
buvo pakeisti pasirinktiniais stiliais viršuje.form-control
..custom-range
yra dabar.form-range
.- Nukrito gimtoji
.form-control-file
ir.form-control-range
.
-
LūžęsNukrito
.input-group-append
ir.input-group-prepend
. Dabar galite tiesiog pridėti mygtukus ir.input-group-text
kaip tiesioginius įvesties grupių antrinius elementus. -
Ilgalaikis trūkstamos kraštinės spindulys įvesties grupėje su patvirtinimo grįžtamojo ryšio klaida pagaliau ištaisytas pridedant papildomą
.has-validation
klasę prie įvesties grupių su patvirtinimu. -
Lūžęs Atsisakėme konkrečių formų išdėstymo klasių mūsų tinklelio sistemoje.
.form-group
Vietoj ,.form-row
, arba naudokite mūsų tinklelį ir komunalines paslaugas.form-inline
. -
LūžęsFormų etiketėms dabar reikia
.form-label
. -
Lūžęs
.form-text
nebėra nustatomidisplay
, todėl galite sukurti tiesioginį arba blokuoti pagalbos tekstą, kaip norite, tiesiog pakeitus HTML elementą. -
Patvirtinimo piktogramos nebetaikomos
<select>
s sumultiple
. -
Pertvarkyti šaltinio Sass failai
scss/forms/
, įskaitant įvesties grupių stilius.
Komponentai
- Suvienodintos
padding
įspėjimų, naršymo kelelių, kortelių, išskleidžiamųjų meniu, sąrašų grupių, modalų, iššokančių langų ir patarimų vertės, pagrįstos mūsų$spacer
kintamuoju. Žr. #30564 .
Akordeonas
- Pridėtas naujas akordeono komponentas .
Perspėjimai
-
Įspėjimai dabar turi pavyzdžių su piktogramomis .
-
Kiekviename įspėjime pašalinti pasirinktiniai
<hr>
s stiliai, nes jie jau naudojacurrentColor
.
Ženkliukai
-
LūžęsAtsisakyta visų
.badge-*
fono paslaugų spalvų klasių (pvz., naudoti.bg-primary
vietoj.badge-primary
). -
LūžęsAtmestas – vietoj to
.badge-pill
naudokite.rounded-pill
įrankį. -
LūžęsPašalinti
<a>
ir<button>
elementų užvedimo ir fokusavimo stiliai. -
Padidintas numatytasis ženklelių užpildymas iš
.25em
/.5em
į.35em
/.65em
.
Duonos trupiniai
-
Supaprastinta numatytoji skraidyklės išvaizda pašalinus
padding
,background-color
irborder-radius
. -
Pridėta nauja pasirinktinė CSS ypatybė
--bs-breadcrumb-divider
, kad būtų lengva tinkinti, nereikia iš naujo kompiliuoti CSS.
Mygtukai
-
Lūžęs Perjungimo mygtukai su žymimaisiais laukeliais arba radijo imtuvais nebereikalauja „JavaScript“ ir turi naują žymėjimą. Nebereikia įvyniojimo elemento, pridėkite
.btn-check
prie<input>
, ir susiekite jį su bet kokiomis.btn
klasėmis<label>
. Žr. #30650 . Tam skirti dokumentai perkelti iš mygtukų puslapio į naują Formos skyrių. -
Lūžęs Nukrito
.btn-block
už komunalines paslaugas. Užuot naudoję.btn-block
,.btn
apvyniokite mygtukus.d-grid
ir.gap-*
įrankį, kad galėtumėte juos atskirti. Perjunkite į interaktyvias klases, kad galėtumėte dar labiau jas valdyti. Perskaitykite dokumentus, kad gautumėte keletą pavyzdžių. -
Atnaujinti mūsų
button-variant()
irbutton-outline-variant()
mišiniai, kad būtų palaikomi papildomi parametrai. -
Atnaujinti mygtukai, užtikrinantys didesnį kontrastą užvedus pelės žymeklį ir esant aktyvioms būsenoms.
-
Išjungti mygtukai dabar turi
pointer-events: none;
.
Kort
-
LūžęsNukrito
.card-deck
mūsų tinklelio naudai. Suvyniokite savo korteles į stulpelių klases ir pridėkite pagrindinį.row-cols-*
konteinerį, kad galėtumėte atkurti kortų kaladės (tačiau geriau valdydami reaguojantį lygiavimą). -
LūžęsNukrito
.card-columns
Mūro naudai. Žr. #28922 . -
Lūžęs
.card
Akordeonas pakeistas nauju akordeono komponentu .
Karuselė
-
Pridėtas naujas tamsaus teksto, valdiklių ir indikatorių
.carousel-dark
variantas (puikiai tinka šviesesniam fonui). -
Karuselės valdiklių ševroninės piktogramos pakeistos naujais SVG iš Bootstrap Icons .
Uždaryti mygtuką
-
LūžęsPervardyta
.close
į.btn-close
mažiau bendrinį pavadinimą. -
Uždaryti mygtukai dabar naudoja
background-image
(įterptąjį SVG), o ne×
HTML, kad būtų lengviau tinkinti, neliečiant žymėjimo. -
Pridėtas naujas
.btn-close-white
variantas, kuris naudojamasfilter: invert(1)
didesnio kontrasto piktogramoms atmesti tamsesniame fone.
Sutraukti
- Pašalintas akordeonų slinkties tvirtinimas.
Išskleidžiamieji meniu
-
Pridėtas naujas
.dropdown-menu-dark
variantas ir susiję kintamieji tamsiesiems išskleidžiamiesiems meniu pagal pareikalavimą. -
Pridėtas naujas kintamasis, skirtas
$dropdown-padding-x
. -
Tamsintas išskleidžiamasis skirstytuvas, kad pagerėtų kontrastas.
-
LūžęsVisi išskleidžiamojo meniu įvykiai dabar suaktyvinami išskleidžiamojo meniu perjungimo mygtuku, o tada pateikiami pirminiame elemente.
-
Išskleidžiamajame meniu dabar yra nustatytas
data-bs-popper="static"
atributas, kai išskleidžiamojo meniu padėtis yra statinė irdata-bs-popper="none"
kai išskleidžiamasis meniu yra naršymo juostoje. Tai prideda mūsų „JavaScript“ ir padeda mums naudoti pasirinktinius pozicijos stilius netrukdant „Popper“ padėties nustatymui. -
LūžęsAtsisakyta
flip
išskleidžiamojo įskiepio parinktis, pakeičianti vietinę Popper konfigūraciją. Dabar galite išjungti apvertimo elgseną, perduodami tuščią masyvą, skirtąfallbackPlacements
parinkties apvertimo modifikatoriuje. -
Išskleidžiamuosius meniu dabar galima spustelėti naudojant naują automatinio uždarymo
autoClose
funkciją . Naudodami šią parinktį galite spustelėti išskleidžiamajame meniu arba už jo ribų, kad jis būtų interaktyvus. -
Išskleidžiamieji meniu dabar palaiko
.dropdown-item
s, supakuotus į<li>
s.
Džumbotronas
- LūžęsAtsisakė jumbotron komponento, nes jį galima pakartoti naudojant komunalines paslaugas. Peržiūrėkite mūsų naująjį Jumbotron demonstracinį pavyzdį.
Sąrašo grupė
- Į sąrašo grupes įtrauktas naujas
.list-group-numbered
modifikatorius .
Navigatoriai ir skirtukai
- Į klasę įtraukti nauji , , ir
null
kintamieji .font-size
font-weight
color
:hover
color
.nav-link
Navigacijos juostos
- LūžęsDabar naršymo juostose reikia talpyklos viduje (kad būtų labai supaprastinti tarpų reikalavimai ir reikalingas CSS).
Offcanvas
- Pridėtas naujas offcanvas komponentas .
Puslapių rašymas
-
Dabar puslapių nuorodos yra tinkinamos
margin-left
, kurios dinamiškai suapvalinamos visuose kampuose, kai yra atskirtos viena nuo kitos. -
Pridėta
transition
s prie puslapių nuorodų.
Popovers
-
LūžęsNumatytajame iškylančiojo puslapio šablone pervardytas
.arrow
į ..popover-arrow
-
Parinktis pervardyta
whiteList
įallowList
.
Spinneriai
-
Dabar suktukai gerbia
prefers-reduced-motion: reduce
sulėtindami animaciją. Žr. #31882 . -
Patobulintas suktuko vertikalus išlygiavimas.
Tostai
-
Dabar skrebučiai gali būti išdėstyti a
.toast-container
su padėties nustatymo paslaugų pagalba . -
Numatytoji skrudinimo trukmė pakeista į 5 sekundes.
-
Pašalinta
overflow: hidden
iš tostų ir pakeista tinkamaisborder-radius
s sucalc()
funkcijomis.
Patarimai
-
LūžęsNumatytajame patarimo šablone pervardytas
.arrow
į ..tooltip-arrow
-
LūžęsNumatytoji reikšmė
fallbackPlacements
pakeičiama į , kad['top', 'right', 'bottom', 'left']
būtų geriau išdėstyti popper elementai. -
LūžęsParinktis pervardyta
whiteList
įallowList
.
Komunalinės paslaugos
-
LūžęsPervardytos kelios komunalinės paslaugos, kad vietoj krypčių pavadinimų būtų naudojami loginiai ypatybių pavadinimai, pridėjus RTL palaikymą:
- Pervardyta
.left-*
ir.right-*
į.start-*
ir.end-*
. - Pervardyta
.float-left
ir.float-right
į.float-start
ir.float-end
. - Pervardyta
.border-left
ir.border-right
į.border-start
ir.border-end
. - Pervardyta
.rounded-left
ir.rounded-right
į.rounded-start
ir.rounded-end
. - Pervardyta
.ml-*
ir.mr-*
į.ms-*
ir.me-*
. - Pervardyta
.pl-*
ir.pr-*
į.ps-*
ir.pe-*
. - Pervardyta
.text-left
ir.text-right
į.text-start
ir.text-end
.
- Pervardyta
-
LūžęsPagal numatytuosius nustatymus išjungtos neigiamos paraštės.
-
Pridėta nauja
.bg-body
klasė, skirta greitai nustatyti<body>
papildomus elementus fone. -
Pridėtos naujos pozicijos priemonės , skirtos
top
,right
,bottom
irleft
. Kiekvienos nuosavybės vertės apima0
,50%
ir100%
. -
Pridėta naujų
.translate-middle-x
ir.translate-middle-y
paslaugų, skirtų horizontaliai arba vertikaliai centruoti absoliučius / fiksuotus elementus. -
Pridėtos naujos
border-width
komunalinės paslaugos . -
LūžęsPervadinta
.text-monospace
į.font-monospace
. -
LūžęsPašalinta
.text-hide
, nes tai pasenęs teksto slėpimo būdas, kurio nebereikėtų naudoti. -
Pridėtos
.fs-*
komunalinėsfont-size
paslaugos (su įjungta RFS). Jie naudoja tą patį mastelį, kaip ir numatytosios HTML antraštės (1–6, nuo didelių iki mažų), ir jas galima keisti naudojant Sass žemėlapį. -
Lūžęs
.font-weight-*
Komunalinės paslaugos pervadintos.fw-*
dėl trumpumo ir nuoseklumo. -
Lūžęs
.font-style-*
Komunalinės paslaugos pervadintos.fst-*
dėl trumpumo ir nuoseklumo. -
Pridėta prie CSS tinklelio ir „flexbox“ maketų
.d-grid
rodymo paslaugų ir naujųgap
paslaugų ( )..gap
-
LūžęsPašalinta
.rounded-sm
irrounded-lg
, ir įvesta nauja klasių skalė.rounded-0
į.rounded-3
. Žr. #31687 . -
Pridėta naujų
line-height
paslaugų:.lh-1
,.lh-sm
,.lh-base
ir.lh-lg
. Žiūrėkite čia . -
Perkėlėme
.d-none
CSS paslaugų programą, kad ji būtų svarbesnė už kitas rodymo programas. -
Išplėtė
.visually-hidden-focusable
pagalbininką, kad jis taip pat galėtų dirbti su konteineriais, naudojant:focus-within
.
Pagalbininkai
-
Lūžęs Reaktyvūs įterpimo pagalbininkai buvo pervadinti į santykio pagalbininkus su naujais klasių pavadinimais ir patobulinta elgsena, taip pat naudingu CSS kintamuoju.
- Klasės buvo pervardytos, kad būtų pakeistas
by
kraštiniųx
santykis. Pavyzdžiui,.ratio-16by9
dabar yra.ratio-16x9
. - Atsisakėme
.embed-responsive-item
elementų grupės parinkiklio ir pasirinkome paprastesnį.ratio > *
parinkiklį. Daugiau klasės nereikia, o santykio pagalbininkas dabar veikia su bet kokiu HTML elementu. - „
$embed-responsive-aspect-ratios
Sass“ žemėlapis buvo pervadintas į,$aspect-ratios
o jo reikšmės supaprastintos, kad būtų įtrauktas klasės pavadinimas ir procentas kaipkey: value
pora. - CSS kintamieji dabar generuojami ir įtraukiami kiekvienai Sass žemėlapio vertei. Pakeiskite
--bs-aspect-ratio
kintamąjį,.ratio
kad sukurtumėte bet kokį tinkintą formato santykį .
- Klasės buvo pervardytos, kad būtų pakeistas
-
Lūžęs „Ekrano skaitytuvo“ klasės dabar yra „vizualiai paslėptos“ klasės .
- Sass failas pakeistas iš
scss/helpers/_screenreaders.scss
įscss/helpers/_visually-hidden.scss
- Pervadinta į
.sr-only
ir _.sr-only-focusable
.visually-hidden
.visually-hidden-focusable
- Pervardyta
sr-only()
irsr-only-focusable()
sumaišoma įvisually-hidden()
irvisually-hidden-focusable()
.
- Sass failas pakeistas iš
-
bootstrap-utilities.css
dabar taip pat yra mūsų pagalbininkai. Pagalbininkų nebereikia importuoti tinkintose versijose.
JavaScript
-
Atsisakė jQuery priklausomybės ir perrašė įskiepius į įprastą JavaScript.
-
LūžęsVisų „JavaScript“ papildinių duomenų atributai dabar yra vardų erdvėje, kad būtų lengviau atskirti „Bootstrap“ funkcijas nuo trečiųjų šalių ir jūsų kodo. Pavyzdžiui, mes naudojame
data-bs-toggle
vietojdata-toggle
. -
Visi papildiniai dabar gali priimti CSS parinkiklį kaip pirmąjį argumentą. Norėdami sukurti naują papildinio egzempliorių, galite perduoti DOM elementą arba bet kurį tinkamą CSS parinkiklį:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
gali būti perduodama kaip funkcija, kuri priima Bootstrap numatytąją Popper konfigūraciją kaip argumentą, kad galėtumėte sujungti šią numatytąją konfigūraciją savo būdu. Taikoma išskleidžiamiesiems meniu, iššokantiems langams ir patarimams. -
Numatytoji reikšmė
fallbackPlacements
pakeista į , kad['top', 'right', 'bottom', 'left']
būtų geriau išdėstyti Popper elementai. Taikoma išskleidžiamiesiems meniu, iššokantiems langams ir patarimams. -
Pašalintas pabraukimas iš viešų statinių metodų, pvz .,
_getInstance()
→getInstance()
.