Notiek migrēšana uz v5
Izsekojiet un pārskatiet izmaiņas Bootstrap avota failos, dokumentācijā un komponentos, lai palīdzētu migrēt no v4 uz v5.
Atkarības
- Atmests jQuery.
- Jaunināts no Popper v1.x uz Popper v2.x.
- Libsass tika aizstāts ar Dart Sass, jo mūsu Sass kompilators, ņemot vērā Libsass, tika novecojis.
- Migrēja no Jekyll uz Hugo, lai izveidotu mūsu dokumentāciju
Pārlūka atbalsts
- Atmests Internet Explorer 10 un 11
- Atmests Microsoft Edge < 16 (Legacy Edge)
- Atmests Firefox <60
- Atmests Safari < 12
- Atmests iOS Safari < 12
- Atmests Chrome < 60
Izmaiņas dokumentācijā
- Pārveidota mājaslapa, dokumentu izkārtojums un kājene.
- Pievienots jauns paku ceļvedis .
- Pievienota jauna sadaļa Pielāgot , aizstājot v4 tēmas lapu ar jaunu informāciju par Sass, globālajām konfigurācijas opcijām, krāsu shēmām, CSS mainīgajiem un daudz ko citu.
- Visa veidlapu dokumentācija ir pārkārtota jaunā sadaļā Veidlapas , sadalot saturu vairāk koncentrētās lapās.
- Tāpat tika atjaunināta sadaļa Izkārtojums , lai skaidrāk precizētu režģa saturu.
- Komponentu lapa “Navs” pārdēvēta par “Navs & Tabs”.
- Pārdēvēta lapa “Checks” par “Checks & radios”.
- Pārveidota navigācijas josla un pievienota jauna apakšnavigācija, lai būtu vieglāk pārvietoties mūsu vietnēs un dokumentu versijās.
- Pievienots jauns īsinājumtaustiņš meklēšanas laukam: Ctrl + /.
Sass
-
Mēs esam atteikušies no noklusējuma Sass karšu sapludināšanas, lai atvieglotu lieko vērtību noņemšanu. Ņemiet vērā, ka tagad ir jādefinē visas vērtības Sass kartēs, piemēram,
$theme-colors
. Uzziniet, kā rīkoties ar Sass kartēm . -
Laušana
color-yiq()
Funkcija un saistītie mainīgie ir pārdēvēti par,color-contrast()
jo tie vairs nav saistīti ar YIQ krāsu telpu. Skatiet #30168.$yiq-contrasted-threshold
ir pārdēvēts par$min-contrast-ratio
.$yiq-text-dark
un$yiq-text-light
ir attiecīgi pārdēvēti par$color-contrast-dark
un$color-contrast-light
.
-
LaušanaMultivides vaicājumu mixins parametri ir mainīti, lai nodrošinātu loģiskāku pieeju.
media-breakpoint-down()
izmanto pašu pārtraukuma punktu, nevis nākamo pārtraukuma punktu (piemēram,media-breakpoint-down(lg)
tā vietā, laimedia-breakpoint-down(md)
atlasītu skatu logus, kas ir mazāki parlg
).- Līdzīgi arī otrais parametrs
media-breakpoint-between()
izmanto pašu pārtraukuma punktu, nevis nākamo pārtraukuma punktu (piemēram, mērķa skata logumedia-between(sm, lg)
vietā starp un ).media-breakpoint-between(sm, md)
sm
lg
-
LaušanaNoņemti drukas stili un
$enable-print-styles
mainīgais. Drukas displeja klases joprojām pastāv. Skatiet #28339 . -
LaušanaAtmests
color()
,theme-color()
ungray()
funkcijas par labu mainīgajiem. Skatiet #29083 . -
Laušana
theme-color-level()
Funkcija ir pārdēvēta parcolor-level()
un tagad pieņem jebkuru vēlamo krāsu, nevis tikai$theme-color
krāsas. Skatiet #29083 Uzmanieties:color-level()
vēlāk tika izlaistsv5.0.0-alpha3
. -
LaušanaPārdēvēts
$enable-prefers-reduced-motion-media-query
un$enable-pointer-cursor-for-buttons
uz$enable-reduced-motion
un$enable-button-pointers
īsuma labad. -
LaušanaNoņemts
bg-gradient-variant()
maisījums. Izmantojiet.bg-gradient
klasi, lai elementiem pievienotu gradientus ģenerēto.bg-gradient-*
klašu vietā. -
Laušana Noņemti iepriekš novecojuši miksti:
hover
,hover-focus
,plain-hover-focus
, unhover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(arī tika atcelta saistītā lietderības klase,.text-hide
)visibility()
form-control-focus()
-
LaušanaPārdēvēta
scale-color()
funkcija,shift-color()
lai izvairītos no sadursmes ar paša Sass krāsu mērogošanas funkciju. -
box-shadow
mixins tagad atļaujnull
vērtības un nokrītnone
no vairākiem argumentiem. Skatiet #30394 . -
Miksējam
border-radius()
tagad ir noklusējuma vērtība.
Krāsu sistēma
-
Krāsu sistēma, kas strādāja ar
color-level()
un$theme-color-interval
tika noņemta par labu jaunai krāsu sistēmai. Visaslighten()
undarken()
funkcijas mūsu kodu bāzē ir aizstātas artint-color()
unshade-color()
. Šīs funkcijas sajauc krāsu ar baltu vai melnu, nevis mainīs tās gaišumu par noteiktu daudzumu. Tasshift-color()
ietonēs vai ietonēs krāsu atkarībā no tā, vai tā svara parametrs ir pozitīvs vai negatīvs. Plašāku informāciju skatiet #30622 . -
Pievienotas jaunas nokrāsas un toņi katrai krāsai, nodrošinot deviņas atsevišķas krāsas katrai pamatkrāsai kā jauni Sass mainīgie.
-
Uzlabots krāsu kontrasts. Samazināta krāsu kontrasta attiecība no 3:1 līdz 4,5:1 un atjauninātas zilas, zaļas, ciānas un rozā krāsas, lai nodrošinātu WCAG 2.1 AA kontrastu. Mainīja arī mūsu krāsu kontrasta krāsu no
$gray-900
uz$black
. -
Lai atbalstītu mūsu krāsu sistēmu, esam pievienojuši jaunas pielāgotas
tint-color()
unshade-color()
funkcijas, lai atbilstoši sajauktu mūsu krāsas.
Režģa atjauninājumi
-
Jauns pārtraukuma punkts! Pievienots jauns
xxl
pārtraukuma punkts priekš1400px
un uz augšu. Nekādas izmaiņas visos citos pārtraukuma punktos. -
Uzlabotas notekcaurules. Notekcaurules tagad ir iestatītas rems un ir šaurākas par v4 (
1.5rem
, vai aptuveni24px
, uz leju no30px
). Tādējādi mūsu režģa sistēmas notekcaurules tiek saskaņotas ar mūsu atstarpes utilītprogrammām.- Pievienota jauna noteku klase (
.g-*
,.gx-*
, un.gy-*
), lai kontrolētu horizontālās/vertikālās notekcaurules, horizontālās un vertikālās notekcaurules. - LaušanaPārdēvēts
.no-gutters
par,.g-0
lai atbilstu jaunajiem noteku komunālajiem pakalpojumiem.
- Pievienota jauna noteku klase (
-
Kolonnas vairs nav
position: relative
lietotas, tāpēc, iespējams, būs jāpievieno.position-relative
daži elementi, lai atjaunotu šo darbību. -
LaušanaPameta vairākas
.order-*
nodarbības, kuras bieži palika neizmantotas. Tagad mēs nodrošinām.order-1
tikai.order-5
izņemšanu no kastes. -
LaušanaKomponents tika atmests,
.media
jo to var viegli pavairot ar utilītprogrammām. Skatiet #28265 un lapu flex utilities, lai iegūtu piemēru . -
Laušana
bootstrap-grid.css
tagad attiecas tikaibox-sizing: border-box
uz kolonnu, nevis atiestata globālo lodziņu izmēru. Tādā veidā mūsu režģa stilus var izmantot vairākās vietās bez traucējumiem. -
$enable-grid-classes
vairs neatspējo konteineru klašu ģenerēšanu. Skatiet #29146. -
Atjaunināts
make-col
mixin pēc noklusējuma uz vienādām kolonnām bez norādīta izmēra.
Saturs, atsāknēšana utt
-
RFS tagad ir iespējots pēc noklusējuma. Virsraksti, kas izmanto
font-size()
mixin, automātiski pielāgos tofont-size
mērogu, izmantojot skata logu. Šī funkcija iepriekš tika izvēlēta 4. versijā. -
LaušanaPārveidots mūsu displeja tipogrāfija, lai aizstātu mūsu
$display-*
mainīgos un ar$display-font-sizes
Sass karti. Noņemti arī atsevišķi$display-*-weight
mainīgie vienai$display-font-weight
un pielāgotaifont-size
s. -
Pievienoti divi jauni
.display-*
virsrakstu izmēri.display-5
un.display-6
. -
Saites pēc noklusējuma ir pasvītrotas (ne tikai turot kursoru), ja vien tās nav daļa no konkrētiem komponentiem.
-
Pārveidotas tabulas , lai atsvaidzinātu to stilus un pārbūvētu tās ar CSS mainīgajiem, lai vairāk kontrolētu stilu.
-
LaušanaLigzdotas tabulas vairs nepārmanto stilus.
-
Laušana
.thead-light
un.thead-dark
tiek atmesti par labu.table-*
variantu klasēm, kuras var izmantot visiem tabulas elementiem (thead
,tbody
,tfoot
,tr
,th
untd
). -
LaušanaMiksīns
table-row-variant()
tiek pārdēvēts partable-variant()
un pieņem tikai 2 parametrus:$color
(krāsas nosaukums) un$value
(krāsu kods). Apmales krāsa un akcentu krāsas tiek automātiski aprēķinātas, pamatojoties uz tabulas faktoru mainīgajiem. -
Sadaliet tabulas šūnu pildījuma mainīgos uz
-y
un-x
. -
LaušanaAtkritusi
.pre-scrollable
klase. Skatiet #29135 -
Laušana
.text-*
utilītas saitēm vairs nepievieno kursora novietošanas un fokusa stāvokļus..link-*
tā vietā var izmantot palīgu klases. Skatiet #29267 -
LaušanaAtkritusi
.text-justify
klase. Skatiet #29793 -
Atiestatīt noklusējuma horizontālo iestatījumu un elementus
padding-left
no pārlūkprogrammas noklusējuma uz .<ul>
<ol>
40px
2rem
-
Pievienots
$enable-smooth-scroll
, kas attiecas uzscroll-behavior: smooth
visu pasauli, izņemot lietotājus, kuri pieprasa samazināt kustību, izmantojotprefers-reduced-motion
multivides vaicājumu. Skatiet #31877
RTL
- Horizontālajam virzienam raksturīgie mainīgie, utilītprogrammas un mikseri ir pārdēvēti, lai izmantotu loģiskās īpašības, piemēram, tās, kas atrodamas flexbox izkārtojumos, piemēram,
start
unend
vietāleft
unright
.
Veidlapas
-
Pievienotas jaunas peldošās formas! Mēs esam reklamējuši peldošo etiķešu piemēru pilnībā atbalstītiem veidlapas komponentiem. Skatiet jauno Peldošo etiķešu lapu.
-
Laušana Konsolidēti vietējie un pielāgotie veidlapas elementi. Izvēles rūtiņas, radio, atlases un citas ievades, kurām 4. versijā bija vietējās un pielāgotās klases, ir apvienotas. Tagad gandrīz visi mūsu veidlapas elementi ir pilnībā pielāgoti, vairumam nav nepieciešams pielāgots HTML.
.custom-check
tagad ir.form-check
..custom-check.custom-switch
tagad ir.form-check.form-switch
..custom-select
tagad ir.form-select
..custom-file
un.form-file
ir aizstāti ar pielāgotiem stiliem.form-control
..custom-range
tagad ir.form-range
.- Atkritusi dzimtā
.form-control-file
un.form-control-range
.
-
LaušanaNokrita
.input-group-append
un.input-group-prepend
. Tagad varat vienkārši pievienot pogas un.input-group-text
kā ievades grupu tiešos atvasinājumus. -
Ilgstošais trūkstošās robežas rādiuss ievades grupā ar validācijas atgriezeniskās saites kļūdu beidzot ir novērsts, pievienojot papildu
.has-validation
klasi ievades grupām ar validāciju. -
Laušana Mūsu režģa sistēmai ir atmestas veidlapai raksturīgas izkārtojuma klases. Izmantojiet mūsu režģi un utilītas, nevis
.form-group
,.form-row
vai.form-inline
. -
LaušanaVeidlapu etiķetēm tagad ir nepieciešams
.form-label
. -
Laušana
.form-text
vairs nenosakadisplay
, ļaujot jums izveidot iekļautu vai bloķēt palīdzības tekstu pēc vēlēšanās, vienkārši mainot HTML elementu. -
Validācijas ikonas vairs netiek lietotas
<select>
s armultiple
. -
Pārkārtoti avota Sass faili zem
scss/forms/
, tostarp ievades grupu stili.
Sastāvdaļas
- Vienotas
padding
vērtības brīdinājumiem, hierarhiskā navigācijai, kartītēm, nolaižamajām izvēlnēm, sarakstu grupām, modāliem, uznirstošajiem logiem un rīka padomiem, kuru pamatā ir mūsu$spacer
mainīgais. Skatiet #30564 .
Akordeons
- Pievienota jauna akordeona sastāvdaļa .
Brīdinājumi
-
Brīdinājumiem tagad ir piemēri ar ikonām .
-
Katrā brīdinājumā ir noņemti pielāgotie stili
<hr>
s, jo tie jau izmantocurrentColor
.
Nozīmītes
-
LaušanaAtmestas visas
.badge-*
krāsu klases fona utilītprogrammām (piem., izmantojiet.bg-primary
vietā.badge-primary
). -
LaušanaAtmests — tā vietā
.badge-pill
izmantojiet.rounded-pill
utilītu. -
LaušanaNoņemti kursora virzīšanas un fokusa stili elementiem
<a>
un<button>
. -
Palielināts noklusējuma polsterējums emblēmām no
.25em
/.5em
uz.35em
/.65em
.
Maizes drupačas
-
Vienkāršots rīvmaiņas noklusējuma izskats, noņemot
padding
,background-color
unborder-radius
. -
Pievienots jauns pielāgots CSS rekvizīts
--bs-breadcrumb-divider
, lai to varētu viegli pielāgot bez nepieciešamības atkārtoti kompilēt CSS.
Pogas
-
Laušana Pārslēgšanas pogām , kurām ir izvēles rūtiņas vai radio, vairs nav nepieciešams JavaScript, un tām ir jauns marķējums. Mums vairs nav nepieciešams iesaiņojuma elements, pievienojiet
.btn-check
to<input>
un savienojiet to pārī ar jebkurām.btn
klasēm<label>
. Skatiet #30650 . Šim nolūkam paredzētie dokumenti ir pārvietoti no mūsu pogas pogas uz jauno sadaļu Veidlapas. -
Laušana Atkrita
.btn-block
par komunālajiem pakalpojumiem. Tā vietā, lai izmantotu.btn-block
pogu.btn
, aptiniet pogas ar.d-grid
un.gap-*
utilītu, lai pēc vajadzības tās novietotu. Pārslēdzieties uz adaptīvām nodarbībām, lai vēl vairāk kontrolētu tās. Izlasiet dažus piemērus dokumentos. -
Atjaunināts mūsu
button-variant()
unbutton-outline-variant()
mixins, lai atbalstītu papildu parametrus. -
Atjauninātas pogas, lai nodrošinātu lielāku kontrastu kursora novietošanas un aktīvajā stāvoklī.
-
Atspējotajām pogām tagad ir
pointer-events: none;
.
Kart
-
LaušanaNokrita
.card-deck
par labu mūsu tīklam. Aptiniet kārtis kolonnu klasēs un pievienojiet vecākkonteineru.row-cols-*
, lai atkārtoti izveidotu kāršu komplektus (bet ar lielāku kontroli pār adaptīvo izlīdzināšanu). -
LaušanaAtkrita
.card-columns
par labu Mūrniecībai. Skatiet #28922 . -
Laušana
.card
Pamatotais akordeons tika aizstāts ar jaunu Akordeona komponentu .
Karuselis
-
Pievienots jauns
.carousel-dark
variants tumšam tekstam, vadīklām un indikatoriem (lieliski piemērots gaišākiem foniem). -
Karuseļa vadīklām ir nomainītas ševronu ikonas ar jauniem SVG no Bootstrap Icons .
Aizvērt poga
-
LaušanaPārdēvēts
.close
par.btn-close
mazāk vispārīgu nosaukumu. -
Aizvērt pogas tagad izmanto
background-image
(iegulto SVG), nevis a×
HTML, ļaujot vieglāk pielāgot, nepieskaroties marķējumam. -
Pievienots jauns
.btn-close-white
variants, kas tiek izmantotsfilter: invert(1)
, lai iespējotu augstāku kontrastu, lai izslēgtu ikonas uz tumšāka fona.
Sakļaut
- Noņemts ritināšanas stiprinājums akordeoniem.
Nolaižamās izvēlnes
-
Pievienots jauns
.dropdown-menu-dark
variants un saistītie mainīgie tumšajiem nolaižamajiem izvēlnēm pēc pieprasījuma. -
Pievienots jauns mainīgais
$dropdown-padding-x
. -
Lai uzlabotu kontrastu, nolaižamais dalītājs ir padarīts tumšāks.
-
LaušanaVisi nolaižamās izvēlnes notikumi tagad tiek aktivizēti nolaižamās izvēlnes pārslēgšanas pogā un pēc tam tiek parādīti līdz vecākajam elementam.
-
Nolaižamajām izvēlnēm tagad ir
data-bs-popper="static"
iestatīts atribūts, kad nolaižamās izvēlnes pozīcija ir statiska un nolaižamā izvēlnedata-bs-popper="none"
atrodas navigācijas joslā. To pievieno mūsu JavaScript, un tas palīdz mums izmantot pielāgotus pozīciju stilus, netraucējot Poppera pozicionēšanai. -
LaušanaNolaižamā spraudņa
flip
opcija ir atmesta par labu vietējai Popper konfigurācijai. Tagad varat atspējot apvēršanas darbību, nododot tukšu masīvufallbackPlacements
opcijai apvēršanas modifikatorā. -
Nolaižamajās izvēlnēs tagad var noklikšķināt, izmantojot jaunu
autoClose
opciju automātiskās aizvēršanas darbībai . Varat izmantot šo opciju, lai pieņemtu klikšķi nolaižamajā izvēlnē vai ārpus tās, lai padarītu to interaktīvu. -
Nolaižamās izvēlnes tagad atbalsta
.dropdown-item
s, kas ietīts ar<li>
s.
Džumbotrons
- LaušanaJumbotron komponents tika atmests, jo to var atkārtot ar utilītprogrammām. Skatiet mūsu jauno Jumbotron demonstrācijas piemēru.
Saraksta grupa
- Sarakstu grupām pievienots jauns
.list-group-numbered
modifikators .
Navs un cilnes
- Klasei pievienoti jauni
null
mainīgiefont-size
,font-weight
,color
un .:hover
color
.nav-link
Navbars
- LaušanaNavigācijas joslās tagad ir nepieciešams konteiners (lai krasi vienkāršotu atstarpes prasības un nepieciešama CSS).
Offcanvas
- Pievienots jaunais offcanvas komponents .
Lapu šķirošana
-
Lappuses saites tagad ir pielāgojamas
margin-left
, un tās tiek dinamiski noapaļotas visos stūros, kad tās ir atdalītas viena no otras. -
Pievienots
transition
s lappušu saitēm.
Popovers
-
LaušanaMūsu noklusējuma uznirstošajā veidnē pārdēvēts
.arrow
par ..popover-arrow
-
whiteList
Opcija pārdēvēta parallowList
.
Spinneri
-
Spinneri tagad godina
prefers-reduced-motion: reduce
, palēninot animācijas. Skatiet #31882 . -
Uzlabota spinera vertikālā izlīdzināšana.
Tosti
-
Tagad grauzdiņus var novietot a
.toast-container
, izmantojot pozicionēšanas utilītus . -
Noklusējuma grauzdēšanas ilgums ir mainīts uz 5 sekundēm.
-
Noņemts
overflow: hidden
no grauzdiņiem un aizstāts ar atbilstošāmborder-radius
s arcalc()
funkcijām.
Rīku padomi
-
LaušanaMūsu noklusējuma rīka padoma veidnē pārdēvēts
.arrow
par ..tooltip-arrow
-
LaušanaNoklusējuma vērtība
fallbackPlacements
tiek mainīta uz['top', 'right', 'bottom', 'left']
, lai labāk novietotu poppera elementus. -
Laušana
whiteList
Opcija pārdēvēta parallowList
.
Komunālie pakalpojumi
-
LaušanaPārdēvētas vairākas utilītas, lai virzienu nosaukumu vietā izmantotu loģiskus rekvizītu nosaukumus, pievienojot RTL atbalstu:
- Pārdēvēts
.left-*
un.right-*
uz.start-*
un.end-*
. - Pārdēvēts
.float-left
un.float-right
uz.float-start
un.float-end
. - Pārdēvēts
.border-left
un.border-right
uz.border-start
un.border-end
. - Pārdēvēts
.rounded-left
un.rounded-right
uz.rounded-start
un.rounded-end
. - Pārdēvēts
.ml-*
un.mr-*
uz.ms-*
un.me-*
. - Pārdēvēts
.pl-*
un.pr-*
uz.ps-*
un.pe-*
. - Pārdēvēts
.text-left
un.text-right
uz.text-start
un.text-end
.
- Pārdēvēts
-
LaušanaPēc noklusējuma ir atspējotas negatīvās piemales.
-
Pievienota jauna
.bg-body
klase, lai ātri iestatītu<body>
fona papildu elementus. -
Pievienotas jaunas pozīcijas utilītas ,
top
,right
unbottom
.left
Vērtības ietver0
,50%
, un100%
katram īpašumam. -
Pievienotas jaunas
.translate-middle-x
un.translate-middle-y
utilītas, lai horizontāli vai vertikāli centrētu absolūtos/fiksētos elementus. -
Pievienotas jaunas
border-width
utilītas . -
LaušanaPārdēvēts
.text-monospace
par.font-monospace
. -
LaušanaNoņemts
.text-hide
, jo tā ir novecojusi teksta slēpšanas metode, kuru vairs nevajadzētu izmantot. -
Pievienotas
.fs-*
utilītasfont-size
utilītprogrammām (ar iespējotu RFS). Tie izmanto tādu pašu mērogu kā HTML noklusējuma virsraksti (1–6, no lieliem līdz maziem), un tos var mainīt, izmantojot Sass karti. -
LaušanaPārdēvēti
.font-weight-*
komunālie pakalpojumi,.fw-*
lai nodrošinātu īsumu un konsekvenci. -
LaušanaPārdēvēti
.font-style-*
komunālie pakalpojumi,.fst-*
lai nodrošinātu īsumu un konsekvenci. -
Pievienots
.d-grid
, lai parādītu utilītas un jaunasgap
utilītas (.gap
) CSS Grid un flexbox izkārtojumiem. -
LaušanaNoņemts
.rounded-sm
unrounded-lg
, kā arī ieviesta jauna klašu skala.rounded-0
uz.rounded-3
. Skatiet #31687 . -
Pievienotas jaunas
line-height
utilītas:.lh-1
,.lh-sm
,.lh-base
un.lh-lg
. Skatīt šeit . -
Pārvietoja
.d-none
utilītu mūsu CSS, lai piešķirtu tai lielāku nozīmi salīdzinājumā ar citām displeja utilītprogrammām. -
Paplašināja
.visually-hidden-focusable
palīgu, lai strādātu arī ar konteineriem, izmantojot:focus-within
.
Palīgie
-
Laušana Adaptīvie iegulšanas palīgi ir pārdēvēti par attiecību palīgiem ar jauniem klašu nosaukumiem un uzlabotu uzvedību, kā arī noderīgu CSS mainīgo.
- Klases ir pārdēvētas, lai mainītu
by
malux
attiecību. Piemēram,.ratio-16by9
tagad ir.ratio-16x9
. - Mēs esam atteikušies no
.embed-responsive-item
elementu grupas atlasītāja un par labu vienkāršākam.ratio > *
atlasītājam. Vairāk klases nav vajadzīgas, un attiecību palīgs tagad darbojas ar jebkuru HTML elementu. $embed-responsive-aspect-ratios
Sass karte ir pārdēvēta par un$aspect-ratios
tās vērtības ir vienkāršotas, iekļaujot klases nosaukumu un procentuālo attiecību kākey: value
pāri.- CSS mainīgie tagad ir ģenerēti un iekļauti katrai vērtībai Sass kartē. Modificējiet
--bs-aspect-ratio
mainīgo,.ratio
lai izveidotu jebkuru pielāgotu malu attiecību .
- Klases ir pārdēvētas, lai mainītu
-
Laušana “Ekrāna lasītāja” klases tagad ir “vizuāli slēptās” klases .
- Sass fails ir mainīts no
scss/helpers/_screenreaders.scss
uzscss/helpers/_visually-hidden.scss
- Pārdēvēts
.sr-only
un.sr-only-focusable
uz.visually-hidden
un.visually-hidden-focusable
- Pārdēvēts
sr-only()
unsr-only-focusable()
miksēts uzvisually-hidden()
unvisually-hidden-focusable()
.
- Sass fails ir mainīts no
-
bootstrap-utilities.css
tagad arī mūsu palīgi. Palīgi vairs nav jāimportē pielāgotās versijās.
JavaScript
-
Tika pārtraukta jQuery atkarība un pārrakstīti spraudņi, lai tie būtu parastajā JavaScript.
-
LaušanaDatu atribūti visiem JavaScript spraudņiem tagad ir nosaukumos, lai palīdzētu atšķirt Bootstrap funkcionalitāti no trešajām pusēm un jūsu koda. Piemēram, mēs
data-bs-toggle
izmantojamdata-toggle
. -
Visi spraudņi tagad var pieņemt CSS atlasītāju kā pirmo argumentu. Lai izveidotu jaunu spraudņa gadījumu, varat nodot DOM elementu vai jebkuru derīgu CSS atlasītāju:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
var tikt nodota kā funkcija, kas pieņem Bootstrap noklusējuma Popper konfigurāciju kā argumentu, lai jūs varētu apvienot šo noklusējuma konfigurāciju savā veidā. Attiecas uz nolaižamajām izvēlnēm, uznirstošajiem logiem un rīka padomiem. -
Noklusējuma vērtība
fallbackPlacements
tiek mainīta uz['top', 'right', 'bottom', 'left']
, lai labāk novietotu Popper elementus. Attiecas uz nolaižamajām izvēlnēm, uznirstošajiem logiem un rīka padomiem. -
Noņemta pasvītra no publiskajām statiskajām metodēm, piemēram,
_getInstance()
→getInstance()
.