Yn mudo i v5
Olrhain ac adolygu newidiadau i ffeiliau ffynhonnell Bootstrap, dogfennaeth, a chydrannau i'ch helpu i fudo o v4 i v5.
Dibyniaethau
- Wedi gollwng jQuery.
- Wedi'i uwchraddio o Popper v1.x i Popper v2.x.
- Wedi disodli Libsass â Dart Sass fel ein casglwr Sass o ystyried bod Libsass yn anghymeradwy.
- Wedi mudo o Jekyll i Hugo ar gyfer adeiladu ein dogfennaeth
Cefnogaeth porwr
- Wedi gollwng Internet Explorer 10 ac 11
- Gollwng Microsoft Edge < 16 (Legacy Edge)
- Wedi gollwng Firefox < 60
- Safari wedi'i ollwng < 12
- Gollyngwyd iOS Safari < 12
- Chrome wedi'i ollwng <60
Dogfennaeth yn newid
- Tudalen hafan wedi'i hailgynllunio, cynllun dogfennau, a throedyn.
- Ychwanegwyd canllaw parsel newydd .
- Ychwanegwyd adran Customize newydd , gan ddisodli tudalen Theming v4 , gyda manylion newydd ar Sass, opsiynau cyfluniad byd-eang, cynlluniau lliw, newidynnau CSS, a mwy.
- Ad-drefnu'r holl ddogfennaeth ffurflen yn adran Ffurflenni newydd , gan rannu'r cynnwys yn dudalennau mwy penodol.
- Yn yr un modd, diweddarwyd yr adran Gosodiad , i roi mwy o fanylion am gynnwys y grid.
- Wedi'i hailenwi'n dudalen gydran “Navs” i “Navs & Tabs”.
- Wedi'i hailenwi'n dudalen “Gwiriadau” i “Gwiriadau a radios”.
- Ailgynllunio'r bar llywio ac ychwanegu subnav newydd i'w gwneud hi'n haws mynd o gwmpas ein fersiynau gwefannau a dogfennau.
- Ychwanegwyd llwybr byr bysellfwrdd newydd ar gyfer y maes chwilio: Ctrl + /.
Sass
-
Rydym wedi rhoi'r gorau i gyfuniadau rhagosodedig y map Sass i'w gwneud hi'n haws dileu gwerthoedd diangen. Cofiwch fod yn rhaid i chi nawr ddiffinio'r holl werthoedd yn y mapiau Sass fel
$theme-colors
. Darganfyddwch sut i ddelio â mapiau Sass . -
TorriSwyddogaeth wedi'i hailenwi
color-yiq()
a newidynnau cysylltiedig icolor-contrast()
gan nad yw bellach yn gysylltiedig â gofod lliw YIQ. Gweler #30168.$yiq-contrasted-threshold
yn cael ei ailenwi i$min-contrast-ratio
.$yiq-text-dark
ac$yiq-text-light
yn cael eu hail-enwi i$color-contrast-dark
a$color-contrast-light
.
-
TorriMae paramedrau cymysgeddau ymholiad cyfryngau wedi newid ar gyfer dull mwy rhesymegol.
media-breakpoint-down()
yn defnyddio'r torbwynt ei hun yn lle'r torbwynt nesaf (ee,media-breakpoint-down(lg)
yn hytrach namedia-breakpoint-down(md)
phorthladdoedd targed sy'n llai nalg
).- Yn yr un modd, mae'r ail baramedr i mewn
media-breakpoint-between()
hefyd yn defnyddio'r torbwynt ei hun yn lle'r torbwynt nesaf (ee,media-between(sm, lg)
yn hytrach namedia-breakpoint-between(sm, md)
gwylfannau targed rhwngsm
alg
).
-
TorriArddulliau print wedi'u tynnu a
$enable-print-styles
newidyn. Mae dosbarthiadau arddangos print yn dal i fod o gwmpas. Gweler #28339 . -
TorriGollwng
color()
,theme-color()
, agray()
swyddogaethau o blaid newidynnau. Gweler #29083 . -
Torri
theme-color-level()
Swyddogaeth wedi'i ailenwi i accolor-level()
yn awr yn derbyn unrhyw liw rydych chi ei eisiau yn lle$theme-color
lliwiau yn unig. Gweler #29083 Gwyliwch allan:color-level()
fe'i gollyngwyd i mewn yn ddiweddarachv5.0.0-alpha3
. -
TorriWedi'i ail-enwi
$enable-prefers-reduced-motion-media-query
ac$enable-pointer-cursor-for-buttons
i$enable-reduced-motion
ac$enable-button-pointers
am grynodeb. -
TorriWedi tynnu'r
bg-gradient-variant()
mixin. Defnyddiwch y.bg-gradient
dosbarth i ychwanegu graddiannau at elfennau yn lle'r.bg-gradient-*
dosbarthiadau a gynhyrchir. -
Torri Tynnwyd cymysgeddau anghymeradwy o'r blaen:
hover
,hover-focus
,plain-hover-focus
, ahover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(hefyd wedi gollwng y dosbarth cyfleustodau cysylltiedig,.text-hide
)visibility()
form-control-focus()
-
Torri
scale-color()
Swyddogaeth wedi'i hail-enwishift-color()
er mwyn osgoi gwrthdaro â swyddogaeth graddio lliw Sass ei hun. -
box-shadow
mae mixins bellach yn caniatáunull
gwerthoedd a gollwngnone
o ddadleuon lluosog. Gweler #30394 . -
Bellach
border-radius()
mae gan y mixin werth diofyn.
System lliw
-
Mae'r system lliw a oedd yn gweithio gyda
color-level()
ac$theme-color-interval
yn cael ei ddileu o blaid system lliw newydd. Mae'r holl swyddogaethaulighten()
yndarken()
ein codebase yn cael eu disodli gantint-color()
ashade-color()
. Bydd y swyddogaethau hyn yn cymysgu'r lliw gyda naill ai gwyn neu ddu yn lle newid ei ysgafnder gan swm penodol. Bydd yshift-color()
naill ai'n lliwio neu'n cysgodi lliw yn dibynnu a yw ei baramedr pwysau yn bositif neu'n negyddol. Gweler #30622 am ragor o fanylion. -
Ychwanegwyd arlliwiau ac arlliwiau newydd ar gyfer pob lliw, gan ddarparu naw lliw ar wahân ar gyfer pob lliw sylfaenol, fel newidynnau Sass newydd.
-
Gwell cyferbyniad lliw. Cymhareb cyferbyniad lliw bump o 3:1 i 4.5:1 a lliwiau glas, gwyrdd, gwyrddlas a phinc wedi'u diweddaru i sicrhau cyferbyniad WCAG 2.1 AA. Hefyd wedi newid ein lliw cyferbyniad lliw o
$gray-900
i$black
. -
I gefnogi ein system lliw, rydym wedi ychwanegu arferiad
tint-color()
ashade-color()
swyddogaethau newydd i gymysgu ein lliwiau'n briodol.
Diweddariadau grid
-
Torbwynt newydd! Ychwanegwyd torbwynt newydd
xxl
ar gyfer1400px
ac i fyny. Dim newidiadau i'r holl dorbwyntiau eraill. -
Gwteri gwell. Mae cwteri bellach wedi'u gosod mewn rems, ac maent yn gulach na v4 (
1.5rem
, neu o gwmpas24px
, i lawr o30px
). Mae hyn yn alinio cwteri ein system grid gyda'n cyfleustodau bylchu.- Ychwanegwyd dosbarth gwteri newydd (
.g-*
,.gx-*
, a.gy-*
) i reoli cwteri llorweddol / fertigol, cwteri llorweddol a chwteri fertigol. - TorriWedi'i ailenwi
.no-gutters
i.g-0
i gyd-fynd â chyfleustodau gwter newydd.
- Ychwanegwyd dosbarth gwteri newydd (
-
Nid yw colofnau bellach wedi
position: relative
cymhwyso, felly efallai y bydd yn rhaid i chi ychwanegu.position-relative
at rai elfennau i adfer yr ymddygiad hwnnw. -
TorriGollwng nifer o
.order-*
ddosbarthiadau nad oeddent yn cael eu defnyddio'n aml. Rydym yn awr yn darparu dim ond.order-1
i.order-5
allan o'r bocs. -
TorriGollwng y
.media
gydran gan y gellir ei ailadrodd yn hawdd gyda chyfleustodau. Gweler #28265 a'r dudalen flex utilities am enghraifft . -
Torri
bootstrap-grid.css
nawr dim ond yn berthnasolbox-sizing: border-box
i'r golofn yn lle ailosod y maint bocs byd-eang. Fel hyn, gellir defnyddio ein steiliau grid mewn mwy o leoedd heb ymyrraeth. -
$enable-grid-classes
nid yw bellach yn analluogi cynhyrchu dosbarthiadau cynhwysydd mwyach. Gweler #29146. -
Wedi diweddaru'r mixin
make-col
yn ddiofyn i golofnau cyfartal heb faint penodol.
Cynnwys, Ailgychwyn, ac ati
-
Mae RFS bellach wedi'i alluogi yn ddiofyn. Bydd penawdau sy'n defnyddio'r
font-size()
mixin yn addasu eufont-size
maint yn awtomatig gyda'r porth gwylio. Roedd y nodwedd hon yn optio i mewn yn flaenorol gyda v4. -
TorriAilwampio ein teipograffeg arddangos i ddisodli ein
$display-*
newidynnau a gyda$display-font-sizes
map Sass. Hefyd wedi dileu'r$display-*-weight
newidynnau unigol ar gyfer un$display-font-weight
sfont-size
. -
Ychwanegwyd dau
.display-*
faint pennawd newydd,.display-5
a.display-6
. -
Mae dolenni'n cael eu tanlinellu yn ddiofyn (nid dim ond ar hofran), oni bai eu bod yn rhan o gydrannau penodol.
-
Tablau wedi'u hailgynllunio i adnewyddu eu harddulliau a'u hailadeiladu gyda newidynnau CSS i gael mwy o reolaeth dros steilio.
-
TorriNid yw byrddau nythu yn etifeddu arddulliau mwyach.
-
Torri
.thead-light
ac.thead-dark
yn cael eu gollwng o blaid y.table-*
dosbarthiadau amrywiadol y gellir eu defnyddio ar gyfer holl elfennau tabl (thead
,tbody
,tfoot
, ,tr
,th
atd
). -
TorriMae'r
table-row-variant()
mixin yn cael ei ailenwi itable-variant()
ac yn derbyn dim ond 2 baramedr:$color
(enw lliw) a$value
(cod lliw). Mae lliw'r ffin a'r lliwiau acen yn cael eu cyfrifo'n awtomatig yn seiliedig ar y newidynnau ffactor tabl. -
Rhannwch newidynnau padin cell bwrdd yn
-y
a-x
. -
Torri
.pre-scrollable
Dosbarth wedi'i ollwng . Gweler #29135 -
Torri
.text-*
nid yw cyfleustodau'n ychwanegu cyflwr hofran a ffocws at ddolenni mwyach..link-*
gellir defnyddio dosbarthiadau cynorthwywyr yn lle hynny. Gweler #29267 -
Torri
.text-justify
Dosbarth wedi'i ollwng . Gweler #29793 -
Ailosod llorweddol diofyn
padding-left
ymlaen<ul>
ac<ol>
elfennau o ddiofyn porwr40px
i2rem
. -
Ychwanegwyd
$enable-smooth-scroll
, sy'n berthnasol ynscroll-behavior: smooth
fyd-eang - ac eithrio defnyddwyr sy'n gofyn am lai o symudiad trwyprefers-reduced-motion
ymholiad cyfryngau. Gweler #31877
RTL
- Mae newidynnau cyfeiriad llorweddol penodol, cyfleustodau, a chymysgeddau i gyd wedi'u hailenwi i ddefnyddio priodweddau rhesymegol fel y rhai a geir mewn cynlluniau flexbox - ee,
start
acend
yn lleleft
aright
.
Ffurflenni
-
Ychwanegwyd ffurflenni arnofiol newydd! Rydym wedi hyrwyddo'r enghraifft o labeli arnofio i gydrannau ffurf sydd wedi'u cefnogi'n llawn. Gweler y dudalen labeli arnofio newydd.
-
Torri Elfennau ffurf brodorol ac arferiad cyfunol. Mae blychau ticio, radios, detholiadau, a mewnbynnau eraill a oedd â dosbarthiadau brodorol ac arfer yn v4 wedi'u cydgrynhoi. Nawr mae bron pob un o'n helfennau ffurflen yn gwbl arferiad, y rhan fwyaf heb yr angen am HTML wedi'i deilwra.
.custom-check
yn awr.form-check
..custom-check.custom-switch
yn awr.form-check.form-switch
..custom-select
yn awr.form-select
..custom-file
ac.form-file
wedi cael eu disodli gan arddulliau arfer ar ben.form-control
..custom-range
yn awr.form-range
.- Wedi gollwng brodorol
.form-control-file
a.form-control-range
.
-
TorriGollwng
.input-group-append
a.input-group-prepend
. Nawr gallwch chi ychwanegu botymau ac.input-group-text
fel plant uniongyrchol y grwpiau mewnbwn. -
Mae'r radiws ffin Coll hirsefydlog ar grŵp mewnbwn gyda byg adborth dilysu yn cael ei osod o'r diwedd trwy ychwanegu
.has-validation
dosbarth ychwanegol at grwpiau mewnbwn gyda dilysiad. -
Torri Gollyngwyd dosbarthiadau cynllun ffurflen-benodol ar gyfer ein system grid. Defnyddiwch ein grid a chyfleustodau yn lle
.form-group
,.form-row
, neu.form-inline
. -
TorriMae angen labeli ffurflen nawr
.form-label
. -
Torri
.form-text
bellach yn gosoddisplay
, sy'n eich galluogi i greu testun cymorth mewnol neu flocio fel y dymunwch dim ond trwy newid yr elfen HTML. -
Nid yw eiconau dilysu bellach yn cael eu cymhwyso i
<select>
s gydamultiple
. -
Ffeiliau Sass ffynhonnell wedi'u haildrefnu o dan
scss/forms/
, gan gynnwys arddulliau grwpiau mewnbwn.
Cydrannau
- Gwerthoedd unedig
padding
ar gyfer rhybuddion, briwsion bara, cardiau, cwymplenni, grwpiau rhestr, moddau, popovers, ac awgrymiadau offer i fod yn seiliedig ar ein$spacer
newidyn. Gweler #30564 .
Acordion
- Ychwanegwyd cydran acordion newydd .
Rhybuddion
-
Erbyn hyn mae gan rybuddion enghreifftiau gydag eiconau .
-
Wedi dileu arddulliau personol ar gyfer
<hr>
s ym mhob rhybudd gan eu bod eisoes yn defnyddiocurrentColor
.
Bathodynnau
-
TorriGollwng pob
.badge-*
dosbarth lliw ar gyfer cyfleustodau cefndir (ee, defnyddio.bg-primary
yn lle.badge-primary
). -
TorriWedi'i ollwng - defnyddiwch
.badge-pill
y.rounded-pill
cyfleustodau yn lle hynny. -
TorriDulliau hofran a ffocws wedi'u tynnu ar gyfer
<a>
ac<button>
elfennau. -
Mwy o badin rhagosodedig ar gyfer bathodynnau o
.25em
/.5em
i.35em
/.65em
.
Briwsion bara
-
Symleiddio ymddangosiad diofyn briwsion bara trwy dynnu
padding
,background-color
, aborder-radius
. -
Ychwanegwyd eiddo arfer CSS newydd
--bs-breadcrumb-divider
i'w addasu'n hawdd heb fod angen ail-grynhoi CSS.
Botymau
-
Torri Nid oes angen JavaScript ar fotymau toglo , gyda blychau ticio neu radios, ac mae ganddynt farcio newydd. Nid oes angen elfen lapio arnom bellach, ychwanegwch
.btn-check
at y<input>
, a'i baru ag unrhyw.btn
ddosbarthiadau ar y<label>
. Gweler #30650 . Mae'r dogfennau ar gyfer hyn wedi symud o'n tudalen Botymau i'r adran Ffurflenni newydd. -
Torri Gollwng
.btn-block
ar gyfer cyfleustodau. Yn hytrach na defnyddio.btn-block
ar y.btn
, lapiwch eich botymau gyda.d-grid
a.gap-*
chyfleustodau i'w gosod yn ôl yr angen. Newidiwch i ddosbarthiadau ymatebol i gael hyd yn oed mwy o reolaeth drostynt. Darllenwch y dogfennau am rai enghreifftiau. -
Wedi diweddaru ein
button-variant()
abutton-outline-variant()
mixins i gefnogi paramedrau ychwanegol. -
Botymau wedi'u diweddaru i sicrhau mwy o gyferbyniad ar hofran a chyflyrau gweithredol.
-
Bellach mae gan fotymau anabl
pointer-events: none;
.
Cerdyn
-
TorriGollwng
.card-deck
o blaid ein grid. Lapiwch eich cardiau mewn dosbarthiadau colofn ac ychwanegwch.row-cols-*
gynhwysydd rhiant i ail-greu deciau cardiau (ond gyda mwy o reolaeth dros aliniad ymatebol). -
TorriGollwng
.card-columns
o blaid Gwaith Maen. Gweler #28922 . -
TorriWedi disodli'r
.card
acordion sylfaen gyda chydran Acordion newydd .
Carwsél
-
Ychwanegwyd
.carousel-dark
amrywiad newydd ar gyfer testun tywyll, rheolyddion, a dangosyddion (gwych ar gyfer cefndiroedd ysgafnach). -
Eiconau chevron wedi'u disodli ar gyfer rheolyddion carwsél gyda SVGs newydd o Bootstrap Icons .
Cau botwm
-
TorriWedi'i ailenwi
.close
i.btn-close
am enw llai generig. -
Mae botymau cau nawr yn defnyddio
background-image
SVG (wedi'i fewnosod) yn lle un×
yn yr HTML, gan ganiatáu ar gyfer addasu haws heb fod angen cyffwrdd â'ch marcio. -
Ychwanegwyd
.btn-close-white
amrywiad newydd sy'n defnyddiofilter: invert(1)
i alluogi cyferbyniad uwch i ddiystyru eiconau yn erbyn cefndiroedd tywyllach.
Cwymp
- Wedi tynnu angori sgrolio ar gyfer acordionau.
Cwympiadau
-
Ychwanegwyd
.dropdown-menu-dark
amrywiad newydd a newidynnau cysylltiedig ar gyfer cwymplenni tywyll ar-alw. -
Ychwanegwyd newidyn newydd ar gyfer
$dropdown-padding-x
. -
Tywyllodd y rhannwr cwymplen ar gyfer gwell cyferbyniad.
-
TorriMae'r holl ddigwyddiadau ar gyfer y gwymplen bellach yn cael eu sbarduno ar y botwm togl cwymplen ac yna'n cael eu swigenu i fyny i'r rhiant elfen.
-
Mae dewislenni cwymplen bellach yn cynnwys
data-bs-popper="static"
priodoledd pan fydd lleoliad y gwymplen yn statig adata-bs-popper="none"
phan fydd y gwymplen yn y bar llywio. Ychwanegir hyn gan ein JavaScript ac mae'n ein helpu i ddefnyddio arddulliau lleoli arferol heb ymyrryd â lleoliad Popper. -
TorriOpsiwn wedi'i ollwng
flip
ar gyfer ategyn cwymplen o blaid cyfluniad Popper brodorol. Gallwch nawr analluogi'r ymddygiad fflipio trwy basio arae wag ar gyferfallbackPlacements
opsiwn mewn addasydd fflip . -
Bellach gellir clicio ar gwymplenni gydag
autoClose
opsiwn newydd i drin yr ymddygiad cau ceir . Gallwch ddefnyddio'r opsiwn hwn i dderbyn y clic y tu mewn neu'r tu allan i'r gwymplen i'w wneud yn rhyngweithiol. -
Mae dropdowns bellach yn cefnogi
.dropdown-item
s lapio mewn<li>
s.
Jumbotron
- TorriGollwng y gydran jumbotron gan y gellir ei ailadrodd gyda chyfleustodau. Gweler ein hesiampl Jumbotron newydd ar gyfer demo.
Rhestr grŵp
- Ychwanegwyd
.list-group-numbered
addasydd newydd i restru grwpiau.
Navs a thabiau
- Ychwanegwyd
null
newidynnau newydd ar gyferfont-size
,font-weight
,color
, ac:hover
color
i'r.nav-link
dosbarth.
Navbars
- TorriBellach mae angen cynhwysydd o fewn Navbars (i symleiddio gofynion bylchu'n sylweddol a CSS yn ofynnol).
Offcanvas
- Ychwanegwyd y gydran offcanvas newydd .
Tudaleniad
-
Mae gan ddolenni tudaleniad bellach y gellir eu haddasu
margin-left
sy'n cael eu talgrynnu'n ddeinamig ar bob cornel o'u gwahanu oddi wrth ei gilydd. -
Ychwanegwyd
transition
s at ddolenni tudalen.
Popovers
-
TorriWedi'i ailenwi
.arrow
i.popover-arrow
yn ein templed popover diofyn. -
whiteList
Opsiwn wedi'i ailenwi iallowList
.
Troellwyr
-
Mae troellwyr nawr yn anrhydeddu
prefers-reduced-motion: reduce
trwy arafu animeiddiadau. Gweler #31882 . -
Gwell aliniad fertigol troellwr.
Tosts
-
Bellach gellir gosod tost mewn a
.toast-container
gyda chymorth lleoli cyfleustodau . -
Newid hyd tost rhagosodedig i 5 eiliad.
-
Wedi'i dynnu
overflow: hidden
oddi ar dostau a'i ddisodli gan iawnborder-radius
s gydacalc()
swyddogaethau.
Cynghorion offer
-
TorriWedi'i ailenwi
.arrow
i.tooltip-arrow
yn ein templed cyngor cymorth diofyn. -
TorriMae'r gwerth diofyn ar gyfer y
fallbackPlacements
yn cael ei newid i['top', 'right', 'bottom', 'left']
ar gyfer lleoli elfennau popper yn well. -
Torri
whiteList
Opsiwn wedi'i ailenwi iallowList
.
Cyfleustodau
-
TorriWedi ail-enwi nifer o gyfleustodau i ddefnyddio enwau eiddo rhesymegol yn lle enwau cyfeiriadol gan ychwanegu cefnogaeth RTL:
- Wedi'i ailenwi
.left-*
ac.right-*
i.start-*
a.end-*
. - Wedi'i ailenwi
.float-left
ac.float-right
i.float-start
a.float-end
. - Wedi'i ailenwi
.border-left
ac.border-right
i.border-start
a.border-end
. - Wedi'i ailenwi
.rounded-left
ac.rounded-right
i.rounded-start
a.rounded-end
. - Wedi'i ailenwi
.ml-*
ac.mr-*
i.ms-*
a.me-*
. - Wedi'i ailenwi
.pl-*
ac.pr-*
i.ps-*
a.pe-*
. - Wedi'i ailenwi
.text-left
ac.text-right
i.text-start
a.text-end
.
- Wedi'i ailenwi
-
TorriYmylon negyddol wedi'u hanalluogi yn ddiofyn.
-
Ychwanegwyd
.bg-body
dosbarth newydd ar gyfer gosod<body>
cefndir yr elfennau ychwanegol yn gyflym. -
Ychwanegwyd cyfleustodau safle newydd ar gyfer
top
,right
,bottom
, aleft
. Mae gwerthoedd yn cynnwys0
,50%
, ac100%
ar gyfer pob eiddo. -
Ychwanegwyd newydd
.translate-middle-x
a.translate-middle-y
chyfleustodau i'r canol yn llorweddol neu'n fertigol elfennau gosod absoliwt/sefydlog. -
Ychwanegwyd
border-width
cyfleustodau newydd . -
TorriWedi'i ail-enwi
.text-monospace
i.font-monospace
. -
TorriWedi'i ddileu
.text-hide
gan ei fod yn ddull hynafol o guddio testun na ddylid ei ddefnyddio mwyach. -
Cyfleustodau ychwanegol
.fs-*
ar gyferfont-size
cyfleustodau (gyda RFS wedi'i alluogi). Mae'r rhain yn defnyddio'r un raddfa â phenawdau rhagosodedig HTML (1-6, mawr i fach), a gellir eu haddasu trwy fap Sass. -
TorriCyfleustodau wedi'u hail-enwi
.font-weight-*
fel.fw-*
ar gyfer crynoder a chysondeb. -
TorriCyfleustodau wedi'u hail-enwi
.font-style-*
fel.fst-*
ar gyfer crynoder a chysondeb. -
Ychwanegwyd
.d-grid
i arddangos cyfleustodau agap
chyfleustodau newydd (.gap
) ar gyfer Grid CSS a chynlluniau flexbox. -
TorriDileu
.rounded-sm
arounded-lg
, a chyflwyno graddfa newydd o ddosbarthiadau,.rounded-0
i.rounded-3
. Gweler #31687 . -
Ychwanegwyd
line-height
cyfleustodau newydd:.lh-1
,.lh-sm
,.lh-base
a.lh-lg
. Gweler yma . -
Wedi symud y
.d-none
cyfleustodau yn ein CSS i roi mwy o bwysau iddo dros gyfleustodau arddangos eraill. -
Estynnwyd y
.visually-hidden-focusable
cynorthwyydd i weithio ar gynwysyddion hefyd, gan ddefnyddio:focus-within
.
Cynorthwywyr
-
Torri Mae cynorthwywyr mewnosod ymatebol wedi'u hail-enwi i gynorthwywyr cymarebau gydag enwau dosbarth newydd a gwell ymddygiad, yn ogystal â newidyn CSS defnyddiol.
- Mae dosbarthiadau wedi'u hailenwi i newid
by
i'rx
gymhareb agwedd. Er enghraifft,.ratio-16by9
yn awr.ratio-16x9
. - Rydym wedi rhoi'r gorau i'r
.embed-responsive-item
dewisydd a'r grŵp elfen o blaid.ratio > *
dewisydd symlach. Nid oes angen mwy o ddosbarth, ac mae'r cynorthwyydd cymhareb bellach yn gweithio gydag unrhyw elfen HTML. - Mae'r
$embed-responsive-aspect-ratios
map Sass wedi'i ailenwi i$aspect-ratios
ac mae ei werthoedd wedi'u symleiddio i gynnwys enw'r dosbarth a'r ganran fel ykey: value
pâr. - Mae newidynnau CSS bellach yn cael eu cynhyrchu a'u cynnwys ar gyfer pob gwerth yn y map Sass. Addasu'r
--bs-aspect-ratio
newidyn ar y.ratio
i greu unrhyw gymhareb agwedd arferiad .
- Mae dosbarthiadau wedi'u hailenwi i newid
-
Torri Mae dosbarthiadau “darllenwr sgrin” bellach yn ddosbarthiadau “cudd yn weledol” .
- Wedi newid y ffeil Sass o
scss/helpers/_screenreaders.scss
iscss/helpers/_visually-hidden.scss
- Ailenwyd
.sr-only
ac.sr-only-focusable
i.visually-hidden
a.visually-hidden-focusable
- Wedi'i ailenwi
sr-only()
a'isr-only-focusable()
gymysgu ivisually-hidden()
avisually-hidden-focusable()
.
- Wedi newid y ffeil Sass o
-
bootstrap-utilities.css
yn awr hefyd yn cynnwys ein cynorthwywyr. Nid oes angen i gynorthwywyr gael eu mewnforio mewn adeiladau pwrpasol mwyach.
JavaScript
-
Gollwng dibyniaeth jQuery ac ailysgrifennu ategion i fod mewn JavaScript rheolaidd.
-
TorriMae priodoleddau data ar gyfer yr holl ategion JavaScript bellach wedi'u gosod mewn gofod enwau i helpu i wahaniaethu rhwng ymarferoldeb Bootstrap a thrydydd partïon a'ch cod eich hun. Er enghraifft, rydym yn defnyddio
data-bs-toggle
yn lledata-toggle
. -
Gall pob ategyn nawr dderbyn dewisydd CSS fel y ddadl gyntaf. Gallwch naill ai basio elfen DOM neu unrhyw ddewiswr CSS dilys i greu enghraifft newydd o'r ategyn:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
gellir ei basio fel swyddogaeth sy'n derbyn ffurfweddiad Popper rhagosodedig Bootstrap fel dadl, fel y gallwch uno'r cyfluniad rhagosodedig hwn yn eich ffordd chi. Yn berthnasol i gwympiadau, popovers, ac awgrymiadau offer. -
Mae'r gwerth diofyn ar gyfer y
fallbackPlacements
yn cael ei newid i['top', 'right', 'bottom', 'left']
ar gyfer lleoli elfennau Popper yn well. Yn berthnasol i gwympiadau, popovers, ac awgrymiadau offer. -
Wedi tynnu tanlinelliad o ddulliau statig cyhoeddus megis
_getInstance()
→getInstance()
.