Migrimi në v5
Ndiqni dhe rishikoni ndryshimet në skedarët burimor të Bootstrap, dokumentacionin dhe komponentët për t'ju ndihmuar të migroni nga v4 në v5.
varësitë
- U hodh jQuery.
- Përmirësuar nga Popper v1.x në Popper v2.x.
- Zëvendësoi Libsass me Dart Sass pasi përpiluesi ynë Sass i dhënë Libsas ishte i vjetëruar.
- Emigruar nga Jekyll në Hugo për ndërtimin e dokumentacionit tonë
Mbështetja e shfletuesit
- U hoqi Internet Explorer 10 dhe 11
- Largohet Microsoft Edge < 16 (Legacy Edge)
- Ra Firefox < 60
- Safari i rënë < 12
- U hoq iOS Safari < 12
- Ka rënë Chrome < 60
Ndryshimet e dokumentacionit
- Faqja kryesore, faqosja e dokumenteve dhe fundi i ridizajnuar.
- U shtua udhëzues i ri i parcelës .
- U shtua seksioni i ri "Përshtatje ", duke zëvendësuar faqen "Theming" të v4 , me detaje të reja mbi Sass, opsionet e konfigurimit global, skemat e ngjyrave, variablat CSS dhe më shumë.
- Riorganizoi të gjithë dokumentacionin e formularit në seksionin e ri Forms , duke e ndarë përmbajtjen në faqe më të fokusuara.
- Në mënyrë të ngjashme, përditësoi seksionin Layout , për të pasqyruar më qartë përmbajtjen e rrjetit.
- Faqja e komponentit "Navs" u riemërua në "Navs & Tabs".
- Faqja e "Kontrollimeve" u riemërua në "Kontrollet dhe radiot".
- Ridizajnuar shiritin e navigimit dhe shtoi një subnav të ri për ta bërë më të lehtë qarkullimin e faqeve tona dhe versionet e dokumenteve.
- U shtua shkurtore e re e tastierës për fushën e kërkimit: Ctrl + /.
Sass
-
Ne kemi hequr dorë nga bashkimet e paracaktuara të hartës Sass për ta bërë më të lehtë heqjen e vlerave të tepërta. Mbani në mend se tani duhet të përcaktoni të gjitha vlerat në hartat Sass si
$theme-colors
. Shikoni se si të merreni me hartat Sass . -
Thyerje
color-yiq()
Funksioni dhe variablat e lidhur u riemëruancolor-contrast()
pasi nuk janë më të lidhura me hapësirën e ngjyrave YIQ. Shihni #30168.$yiq-contrasted-threshold
është riemërtuar në$min-contrast-ratio
.$yiq-text-dark
dhe$yiq-text-light
përkatësisht emërtohen në$color-contrast-dark
dhe$color-contrast-light
.
-
ThyerjeParametrat e përzierjes së pyetjeve të medias kanë ndryshuar për një qasje më logjike.
media-breakpoint-down()
përdor vetë pikën e ndërprerjes në vend të pikës tjetër të ndërprerjes (p.sh.,media-breakpoint-down(lg)
në vend tëmedia-breakpoint-down(md)
objektivave të pamjeve më të vogla selg
).- Në mënyrë të ngjashme, parametri i dytë në
media-breakpoint-between()
përdor gjithashtu vetë pikën e ndërprerjes në vend të pikës tjetër të ndërprerjes (p.sh.,media-between(sm, lg)
në vend tëmedia-breakpoint-between(sm, md)
objektivave të pamjeve midissm
dhelg
).
-
ThyerjeU hoqën stilet dhe
$enable-print-styles
variablat e printimit. Klasat e ekranit të printimit janë ende përreth. Shihni #28339 . -
ThyerjeU hodh
color()
,theme-color()
, dhegray()
funksionon në favor të variablave. Shihni #29083 . -
Thyerje
theme-color-level()
Funksioni u riemëruacolor-level()
dhe tani pranon çdo ngjyrë që dëshironi në vend të vetëm$theme-color
ngjyrave. Shih #29083 Kujdes:color-level()
më vonë u hodh nëv5.0.0-alpha3
. -
ThyerjeRiemërtuar
$enable-prefers-reduced-motion-media-query
dhe$enable-pointer-cursor-for-buttons
për të$enable-reduced-motion
dhe$enable-button-pointers
për shkurtësi. -
ThyerjeE hoqi
bg-gradient-variant()
miksin. Përdorni.bg-gradient
klasën për të shtuar gradient në elementë në vend të.bg-gradient-*
klasave të gjeneruara. -
Thyerje Përzierjet e hequra më parë të vjetruara:
hover
,hover-focus
,plain-hover-focus
, dhehover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(gjithashtu hoqi klasën e shërbimeve të lidhura,.text-hide
)visibility()
form-control-focus()
-
Thyerje
scale-color()
Funksioni u riemërua nëshift-color()
për të shmangur përplasjen me funksionin e shkallëzimit të ngjyrave të vetë Sass. -
box-shadow
mixins tani lejojnënull
vlerat dhe heqinnone
nga argumente të shumta. Shihni #30394 . -
Miksin
border-radius()
tani ka një vlerë të paracaktuar.
Sistemi i ngjyrave
-
Sistemi i ngjyrave i cili funksionoi
color-level()
dhe$theme-color-interval
u hoq në favor të një sistemi të ri ngjyrash. Të gjithalighten()
dhedarken()
funksionet në bazën tonë të kodeve zëvendësohen ngatint-color()
dheshade-color()
. Këto funksione do të përziejnë ngjyrën me të bardhën ose me të zezën në vend që të ndryshojnë lehtësinë e saj me një sasi fikse. Ngjyrosjashift-color()
ose do të ngjyroset një ngjyrë në varësi të faktit nëse parametri i peshës së saj është pozitiv ose negativ. Shihni #30622 për më shumë detaje. -
U shtuan nuanca dhe nuanca të reja për çdo ngjyrë, duke siguruar nëntë ngjyra të veçanta për secilën ngjyrë bazë, si variabla të reja Sass.
-
Kontrasti i përmirësuar i ngjyrave. Rriti raportin e kontrastit të ngjyrave nga 3:1 në 4,5:1 dhe ngjyrat e përditësuara blu, jeshile, cian dhe rozë për të siguruar kontrast WCAG 2,1 AA. Ndryshoi gjithashtu ngjyrën tonë të kontrastit të ngjyrave nga
$gray-900
në$black
. -
Për të mbështetur sistemin tonë të ngjyrave, ne kemi shtuar porosi
tint-color()
dheshade-color()
funksione të reja për të përzier ngjyrat tona në mënyrë të përshtatshme.
Përditësimet e rrjetit
-
Pika e re e ndërprerjes! U shtua pika e re e
xxl
ndërprerjes për1400px
dhe lart. Nuk ka ndryshime në të gjitha pikat e tjera të ndërprerjes. -
Ulluqe të përmirësuara. Ulluqet tani janë vendosur në rems dhe janë më të ngushta se v4 (
1.5rem
, ose rreth24px
, poshtë nga30px
). Kjo përafron ulluqet e sistemit tonë të rrjetit me shërbimet tona të ndarjes.- U shtua klasa e re e ulluqeve (
.g-*
,.gx-*
, dhe.gy-*
) për të kontrolluar ulluqet horizontale/vertikale, ulluqet horizontale dhe ulluqet vertikale. - ThyerjeU riemërua
.no-gutters
në për.g-0
t'iu përshtatur shërbimeve të reja të kanalizimeve.
- U shtua klasa e re e ulluqeve (
-
Kolonat nuk janë
position: relative
aplikuar më, kështu që mund t'ju duhet të shtoni.position-relative
në disa elementë për të rivendosur atë sjellje. -
ThyerjeU hodhën disa
.order-*
klasa që shpesh mbetën të papërdorura. Ne tani ofrojmë vetëm.order-1
jashtë.order-5
kutisë. -
ThyerjeKomponenti u hoq
.media
pasi mund të përsëritet lehtësisht me shërbimet komunale. Shikoni #28265 dhe faqen e shërbimeve flex për një shembull . -
Thyerje
bootstrap-grid.css
tani vlen vetëmbox-sizing: border-box
për kolonën në vend që të rivendoset madhësia globale e kutisë. Në këtë mënyrë, stilet tona të rrjetës mund të përdoren në më shumë vende pa ndërhyrje. -
$enable-grid-classes
nuk e çaktivizon më gjenerimin e klasave të kontejnerëve. Shihni #29146. -
Përditësuar
make-col
mixin në parazgjedhje në kolona të barabarta pa një madhësi të caktuar.
Përmbajtja, Rinisja, etj
-
RFS tani është aktivizuar si parazgjedhje. Titujt duke përdorur
font-size()
miksin do të rregullojnë automatikishtfont-size
shkallën e tyre me portin e shikimit. Kjo veçori ishte zgjedhur më parë me v4. -
ThyerjeRiparuam tipografinë tonë të ekranit për të zëvendësuar
$display-*
variablat tona dhe me një$display-font-sizes
hartë Sass. Gjithashtu u hoqën$display-*-weight
variablat individuale për një s të vetme$display-font-weight
dhe u rregulluanfont-size
. -
U shtuan dy
.display-*
madhësi të reja të titullit.display-5
dhe.display-6
. -
Lidhjet nënvizohen si parazgjedhje (jo vetëm në lëvizje), përveç nëse ato janë pjesë e komponentëve të veçantë.
-
Tabelat e ridizajnuara për të rifreskuar stilet e tyre dhe për t'i rindërtuar ato me variabla CSS për më shumë kontroll mbi stilimin.
-
ThyerjeTabelat e mbivendosura nuk trashëgojnë më stile.
-
Thyerje
.thead-light
dhe.thead-dark
janë hequr në favor të.table-*
klasave të varianteve të cilat mund të përdoren për të gjithë elementët e tabelës (thead
,tbody
,tfoot
,tr
,th
dhetd
). -
ThyerjeMiksin
table-row-variant()
është riemërtuartable-variant()
dhe pranon vetëm 2 parametra:$color
(emri i ngjyrës) dhe$value
(kodi i ngjyrës). Ngjyra e kufirit dhe ngjyrat e theksit llogariten automatikisht bazuar në variablat e faktorit të tabelës. -
Ndani variablat e mbushjes së qelizave të tabelës në
-y
dhe-x
. -
ThyerjeE braktisi
.pre-scrollable
klasën. Shihni #29135 -
Thyerje
.text-*
shërbimet nuk i shtojnë më gjendjet e pezullimit dhe fokusimit te lidhjet..link-*
Në vend të tyre mund të përdoren klasa ndihmëse. Shihni #29267 -
ThyerjeE braktisi
.text-justify
klasën. Shihni #29793 -
Rivendosni parazgjedhjen horizontale
padding-left
në<ul>
dhe<ol>
elementet nga parazgjedhja e shfletuesit40px
në2rem
. -
U shtua
$enable-smooth-scroll
, e cila zbatohetscroll-behavior: smooth
globalisht—përveç përdoruesve që kërkojnë lëvizje të reduktuar përmesprefers-reduced-motion
pyetjeve të medias. Shihni #31877
RTL
- Variablat specifike të drejtimit horizontal, shërbimet dhe miksinat janë riemërtuar të gjithë për të përdorur vetitë logjike si ato që gjenden në paraqitjet flexbox-p.sh.,
start
dheend
në vend tëleft
dheright
.
Format
-
U shtuan forma të reja lundruese! Ne kemi promovuar shembullin e etiketave lundruese në komponentët e formularit të mbështetur plotësisht. Shikoni faqen e re të etiketave lundruese.
-
Thyerje Elemente të konsoliduara të formës amtare dhe të personalizuara. Kutitë e kontrollit, radiot, përzgjedhjet dhe hyrjet e tjera që kishin klasa vendase dhe të personalizuara në v4 janë konsoliduar. Tani pothuajse të gjithë elementët tanë të formës janë krejtësisht të personalizuara, shumica pa pasur nevojë për HTML të personalizuar.
.custom-check
është tani.form-check
..custom-check.custom-switch
është tani.form-check.form-switch
..custom-select
është tani.form-select
..custom-file
dhe.form-file
janë zëvendësuar me stile të personalizuara në krye të.form-control
..custom-range
është tani.form-range
.- Ra vendas
.form-control-file
dhe.form-control-range
.
-
ThyerjeU rrëzua
.input-group-append
dhe.input-group-prepend
. Tani mund të shtoni vetëm butona dhe.input-group-text
si fëmijë të drejtpërdrejtë të grupeve të hyrjes. -
Rrezja për një kohë të gjatë e kufirit që mungon në grupin e hyrjes me gabimin e reagimit të vlefshmërisë më në fund rregullohet duke shtuar një
.has-validation
klasë shtesë në grupet e hyrjes me vlefshmëri. -
Thyerje Klasat e paraqitjes specifike të formës janë hequr për sistemin tonë të rrjetit. Përdorni rrjetin dhe shërbimet tona në vend të
.form-group
,.form-row
, ose.form-inline
. -
ThyerjeEtiketat e formularit tani kërkojnë
.form-label
. -
Thyerje
.form-text
nuk vendos mëdisplay
, duke ju lejuar të krijoni tekst ndihmës në linjë ose të bllokoni sipas dëshirës vetëm duke ndryshuar elementin HTML. -
Ikonat e verifikimit nuk aplikohen më në
<select>
s memultiple
. -
Skedarët Sass me burim të riorganizuar nën
scss/forms/
, duke përfshirë stilet e grupit të hyrjes.
Komponentët
- Vlerat e unifikuara
padding
për sinjalizimet, grimcat e bukës, kartat, pikat rënëse, grupet e listave, modalet, popover-et dhe këshillat e veglave që do të bazohen në$spacer
variablin tonë. Shihni #30564 .
Fizarmonikë
- Është shtuar komponenti i ri i fizarmonikës .
Alarmet
-
Alarmet tani kanë shembuj me ikona .
-
U hoqën stilet e personalizuara për
<hr>
s në çdo sinjalizues pasi ato përdorin tashmëcurrentColor
.
Shenjat
-
ThyerjeU hoqën të gjitha
.badge-*
klasat e ngjyrave për shërbimet e sfondit (p.sh., përdorni.bg-primary
në vend të.badge-primary
). -
ThyerjeU hoq
.badge-pill
- përdorni programin.rounded-pill
në vend. -
ThyerjeU hoqën stilet e qëndrimit dhe fokusimit për
<a>
dhe<button>
elementët. -
Rritja e mbushjes së paracaktuar për distinktivët nga
.25em
/.5em
në.35em
/.65em
.
Therrime buke
-
Thjeshtoi pamjen e paracaktuar të bukës duke hequr
padding
,background-color
, dheborder-radius
. -
U shtua veçori e re me porosi CSS
--bs-breadcrumb-divider
për personalizim të lehtë pa pasur nevojë të ripërpiloni CSS.
Butonat
-
Thyerje Butonat e ndërrimit , me kutitë e kontrollit ose radiot, nuk kërkojnë më JavaScript dhe kanë shënime të reja. Ne nuk kërkojmë më një element mbështjellës, shtojmë
.btn-check
në<input>
, dhe e çiftojmë me asnjë.btn
klasë në<label>
. Shihni #30650 . Dokumentet për këtë janë zhvendosur nga faqja jonë e butonave në seksionin e ri Forms. -
Thyerje U hoq
.btn-block
për shërbime komunale. Në vend që të përdorni.btn-block
në.btn
, mbështillni butonat me.d-grid
dhe një.gap-*
mjet për t'i ndarë ato sipas nevojës. Kalo në klasa të përgjegjshme për më shumë kontroll mbi to. Lexoni dokumentet për disa shembuj. -
Përditësuam përzierjet tona
button-variant()
dhebutton-outline-variant()
për të mbështetur parametra shtesë. -
Butonat e përditësuar për të siguruar kontrast të shtuar në gjendjet e lëvizjes dhe aktive.
-
Butonat e çaktivizuar tani kanë
pointer-events: none;
.
Kartelë
-
ThyerjeRa
.card-deck
në favor të rrjetit tonë. Mbështillni kartat tuaja në klasa kolone dhe shtoni një.row-cols-*
kontejner prind për të rikrijuar kuvertën e kartave (por me më shumë kontroll mbi shtrirjen e përgjegjshme). -
ThyerjeU hodh
.card-columns
në favor të Masonerisë. Shihni #28922 . -
ThyerjeZëvendësoi
.card
fizarmonikën e bazuar me një komponent të ri Fizarmonikë .
Karuseli
-
U shtua një
.carousel-dark
variant i ri për tekst të errët, kontrolle dhe tregues (i shkëlqyeshëm për sfonde më të lehta). -
Zëvendësuan ikonat e shevronit për kontrollet e karuselit me SVG të reja nga Bootstrap Icons .
Butoni i mbylljes
-
ThyerjeRiemëruar
.close
në.btn-close
për një emër më pak të përgjithshëm. -
Butonat e mbylljes tani përdorin një
background-image
(SVG të ngulitur) në vend të një×
në HTML, duke lejuar personalizimin më të lehtë pa pasur nevojë të prekni shënimin tuaj. -
U shtua një
.btn-close-white
variant i ri që përdoretfilter: invert(1)
për të mundësuar kontrast më të lartë të heqjes së ikonave kundër sfondeve më të errëta.
Kolapsi
- U hoq ankorimi i rrotullës për fizarmonikë.
Dropdowns
-
Shtuar një
.dropdown-menu-dark
variant të ri dhe variabla të lidhur për zbritjet e errëta sipas kërkesës. -
U shtua ndryshore e re për
$dropdown-padding-x
. -
Errësuar ndarësin me rënie për kontrast të përmirësuar.
-
ThyerjeTë gjitha ngjarjet për listën rënëse aktivizohen tani në butonin e ndërrimit me zbritje dhe më pas futen në flluska deri te elementi prind.
-
Menytë rënëse tani kanë një
data-bs-popper="static"
atribut të caktuar kur pozicionimi i menysë rënëse është statik dhedata-bs-popper="none"
kur zbritja është në shiritin e navigimit. Kjo shtohet nga JavaScript-i ynë dhe na ndihmon të përdorim stilet e pozicionit të personalizuar pa ndërhyrë në pozicionimin e Popper-it. -
ThyerjeOpsioni i hequr
flip
për shtojcën rënëse në favor të konfigurimit vendas të Popper. Tani mund të çaktivizoni sjelljen e rrotullimit duke kaluar një grup bosh përfallbackPlacements
opsion në modifikuesin e rrokullisjes . -
Menytë në dropdown tani mund të klikohen me një
autoClose
opsion të ri për të trajtuar sjelljen e mbylljes automatike . Ju mund ta përdorni këtë opsion për të pranuar klikimin brenda ose jashtë menysë rënëse për ta bërë atë interaktive. -
Dropdowns tani mbështesin
.dropdown-item
s të mbështjellë në<li>
s.
Jumbotron
- ThyerjeU hodh komponenti jumbotron pasi mund të përsëritet me shërbimet komunale. Shikoni shembullin tonë të ri Jumbotron për një demonstrim.
Lista e grupit
- U shtua
.list-group-numbered
modifikues i ri në grupet e listave.
Navs dhe skeda
null
U shtuan variabla të reja përfont-size
,font-weight
,color
dhe:hover
color
në.nav-link
klasë.
Shiritat e navigimit
- ThyerjeShiritat e navigimit tani kërkojnë një kontejner brenda (për të thjeshtuar në mënyrë drastike kërkesat e ndarjes dhe kërkohet CSS).
Jashtë kanavacë
- U shtua komponenti i ri offcanvas .
Faqezim
-
Lidhjet e faqezimit tani kanë të personalizueshme
margin-left
që janë të rrumbullakosura në mënyrë dinamike në të gjitha qoshet kur ndahen nga njëra-tjetra. -
Shtuar
transition
s në lidhjet e faqes.
Popovers
-
ThyerjeRiemërtuar
.arrow
në.popover-arrow
në shabllonin tonë të paracaktuar popover. -
whiteList
Opsioni u riemërua nëallowList
.
Spiners
-
Spinners tani nderojnë
prefers-reduced-motion: reduce
duke ngadalësuar animacionet. Shihni #31882 . -
Përmirësimi i shtrirjes vertikale të rrotullës.
Dollitë
-
Dollitë tani mund të pozicionohen në një
.toast-container
me ndihmën e shërbimeve të pozicionimit . -
Ndryshoi kohëzgjatjen e paracaktuar të dollisë në 5 sekonda.
-
Hiqet
overflow: hidden
nga dollitë dhe zëvendësohet meborder-radius
s të duhura mecalc()
funksione.
Këshilla për veglat
-
ThyerjeRiemërtuar
.arrow
në.tooltip-arrow
në shabllonin tonë të parazgjedhur të këshillës së veglave. -
ThyerjeVlera e paracaktuar për the
fallbackPlacements
është ndryshuar në['top', 'right', 'bottom', 'left']
për vendosje më të mirë të elementeve popper. -
Thyerje
whiteList
Opsioni u riemërua nëallowList
.
Shërbimet komunale
-
ThyerjeU riemëruan disa shërbime për të përdorur emra logjik të pronave në vend të emrave të drejtimit me shtimin e mbështetjes RTL:
- Riemërtuar
.left-*
dhe.right-*
te.start-*
dhe.end-*
. - Riemërtuar
.float-left
dhe.float-right
te.float-start
dhe.float-end
. - Riemërtuar
.border-left
dhe.border-right
te.border-start
dhe.border-end
. - Riemërtuar
.rounded-left
dhe.rounded-right
te.rounded-start
dhe.rounded-end
. - Riemërtuar
.ml-*
dhe.mr-*
te.ms-*
dhe.me-*
. - Riemërtuar
.pl-*
dhe.pr-*
te.ps-*
dhe.pe-*
. - Riemërtuar
.text-left
dhe.text-right
te.text-start
dhe.text-end
.
- Riemërtuar
-
ThyerjeMarzhet negative të çaktivizuara si parazgjedhje.
-
U shtua një
.bg-body
klasë e re për vendosjen e shpejtë të<body>
sfondit të 's në elementë shtesë. -
U shtuan shërbime të reja pozicioni për
top
,right
,bottom
, dheleft
. Vlerat përfshijnë0
,50%
, dhe100%
për çdo pronë. -
U shtuan të reja
.translate-middle-x
dhe.translate-middle-y
shërbime në qendrën horizontalisht ose vertikalisht në elementët e pozicionuar absolut/fiks. -
U shtuan
border-width
shërbime të reja . -
ThyerjeRiemërtuar
.text-monospace
në.font-monospace
. -
ThyerjeU hoq
.text-hide
pasi është një metodë e vjetëruar për fshehjen e tekstit që nuk duhet të përdoret më. -
Shërbimet e shtuara
.fs-*
përfont-size
shërbimet komunale (me RFS të aktivizuar). Këto përdorin të njëjtën shkallë si titujt e paracaktuar të HTML (1-6, i madh në i vogël) dhe mund të modifikohen nëpërmjet hartës Sass. -
Thyerje
.font-weight-*
Shërbimet e riemërtuara.fw-*
për nga shkurtësia dhe qëndrueshmëria. -
Thyerje
.font-style-*
Shërbimet e riemërtuara.fst-*
për nga shkurtësia dhe qëndrueshmëria. -
Shtuar
.d-grid
në shfaqjen e shërbimeve dhe shërbimeve të rejagap
(.gap
) për paraqitjet CSS Grid dhe flexbox. -
ThyerjeU hoq
.rounded-sm
dherounded-lg
, dhe prezantoi një shkallë të re klasash,.rounded-0
në.rounded-3
. Shihni #31687 . -
U shtuan
line-height
shërbime të reja:.lh-1
,.lh-sm
,.lh-base
dhe.lh-lg
. Shihni këtu . -
U zhvendos në
.d-none
programin tonë CSS për t'i dhënë më shumë peshë ndaj shërbimeve të tjera të ekranit. -
Zgjeroi
.visually-hidden-focusable
ndihmësin për të punuar edhe në kontejnerë, duke përdorur:focus-within
.
Ndihmuesit
-
Thyerje Ndihmuesit e integruar të përgjegjshëm janë riemërtuar në ndihmës të raportit me emra të rinj klasash dhe sjellje të përmirësuara, si dhe një ndryshore të dobishme CSS.
- Klasat janë riemërtuar për të ndryshuar
by
nëx
raportin e pamjes. Për shembull,.ratio-16by9
është tani.ratio-16x9
. - Ne kemi hequr
.embed-responsive-item
përzgjedhësin dhe grupin e elementeve në favor të një.ratio > *
përzgjedhësi më të thjeshtë. Nuk nevojitet më klasë, dhe ndihmësi i raportit tani punon me çdo element HTML. - Harta
$embed-responsive-aspect-ratios
Sass është riemërtuar në$aspect-ratios
dhe vlerat e saj janë thjeshtuar për të përfshirë emrin e klasës dhe përqindjen sikey: value
çift. - Variablat CSS tani gjenerohen dhe përfshihen për secilën vlerë në hartën Sass. Modifikoni
--bs-aspect-ratio
variablin në.ratio
për të krijuar një raport të personalizuar të aspektit .
- Klasat janë riemërtuar për të ndryshuar
-
Thyerje Klasat e "lexuesit të ekranit" tani janë klasa "të fshehura vizualisht" .
- Ndryshoi skedarin Sass nga
scss/helpers/_screenreaders.scss
nëscss/helpers/_visually-hidden.scss
- Riemëruar
.sr-only
dhe.sr-only-focusable
te.visually-hidden
dhe.visually-hidden-focusable
- Riemërohet
sr-only()
dhesr-only-focusable()
përzihet nëvisually-hidden()
dhevisually-hidden-focusable()
.
- Ndryshoi skedarin Sass nga
-
bootstrap-utilities.css
tani përfshin edhe ndihmësit tanë. Ndihmuesit nuk kanë më nevojë të importohen në ndërtime me porosi.
JavaScript
-
U hoq varësia nga jQuery dhe rishkruan shtojcat për të qenë në JavaScript të rregullt.
-
ThyerjeAtributet e të dhënave për të gjitha shtojcat JavaScript tani janë me hapësirë emri për të ndihmuar në dallimin e funksionalitetit të Bootstrap nga palët e treta dhe kodin tuaj. Për shembull, ne përdorim
data-bs-toggle
në vend tëdata-toggle
. -
Të gjitha shtojcat tani mund të pranojnë një përzgjedhës CSS si argumentin e parë. Ju ose mund të kaloni një element DOM ose ndonjë përzgjedhës të vlefshëm CSS për të krijuar një shembull të ri të shtojcës:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
mund të kalohet si një funksion që pranon konfigurimin e paracaktuar të Popper të Bootstrap si një argument, në mënyrë që të mund të bashkoni këtë konfigurim të paracaktuar në mënyrën tuaj. Zbatohet për zbritjet, popover-et dhe këshillat e veglave. -
Vlera e paracaktuar për the
fallbackPlacements
është ndryshuar në['top', 'right', 'bottom', 'left']
për vendosje më të mirë të elementeve Popper. Zbatohet për zbritjet, popover-et dhe këshillat e veglave. -
U hoq nënvizat nga metodat statike publike si
_getInstance()
→getInstance()
.