Ag aistriú go v5
Rianaigh agus athbhreithnigh athruithe ar bhunchomhaid Bootstrap, doiciméadú agus comhpháirteanna chun cabhrú leat aistriú ó v4 go v5.
Spleáchais
- Thit jQuery.
- Uasghrádaithe ó Popper v1.x go Popper v2.x.
- Cuireadh Dart Sass in ionad Libsass mar bhí ár dtiomsaitheoir Sass i bhfianaise Libsass i léig.
- Aistrigh ó Jekyll go Hugo chun ár gcáipéisíocht a thógáil
Tacaíocht bhrabhsálaí
- Internet Explorer 10 agus 11 a ísliú
- Microsoft Edge tite < 16 (Legacy Edge)
- Thit Firefox <60
- Safari tite < 12
- iOS Safari tite < 12
- Chrome tite <60
Athruithe ar dhoiciméadú
- Athdhearadh leathanach baile, leagan amach docs, agus buntásc.
- Treoir nua beartán curtha leis .
- Cuireadh rannán nua Saincheap leis, ag cur sonraí nua ar Sass, roghanna cumraíochta domhanda, scéimeanna datha, athróga CSS, agus go leor eile in ionad leathanach Téamaí v4 .
- Doiciméadú na foirme go léir a atheagrú ina rannán Foirmeacha nua , ag scaradh an ábhair ina leathanaigh níos dírithe.
- Mar an gcéanna, nuashonraíodh an rannán Leagan Amach , chun ábhar greille a fheabhsú ar bhealach níos soiléire.
- Athainmníodh leathanach comhpháirte “Navs” go “Navs & Tabs”.
- Athainmníodh an leathanach “Seiceálacha” go “Seiceálacha & raidiónna”.
- Athdhearadh an barra nascleanúna agus cuireadh fo-nav nua leis chun é a dhéanamh níos éasca dul timpeall ar ár suíomhanna agus ar ár leaganacha doiciméad.
- Cuireadh aicearra méarchláir nua leis don réimse cuardaigh: Ctrl + /.
Sass
-
Táimid tar éis an cumasc réamhshocraithe léarscáil Sass a dhíchóimeáil chun é a dhéanamh níos éasca luachanna iomarcacha a bhaint. Coinnigh i gcuimhne anois go gcaithfidh tú gach luach a shainiú sna léarscáileanna Sass mar
$theme-colors
. Seiceáil conas déileáil le léarscáileanna Sass . -
BriseadhFeidhm athainmnithe
color-yiq()
agus athróga gaolmharacolor-contrast()
mar níl baint aige le spás datha YIQ a thuilleadh. Féach #30168.$yiq-contrasted-threshold
athainmnítear go$min-contrast-ratio
.$yiq-text-dark
agus$yiq-text-light
athainmnítear iad go dtí$color-contrast-dark
agus$color-contrast-light
.
-
BriseadhTá paraiméadair mheascáin cheist na meán athraithe le haghaidh cur chuige níos loighciúil.
media-breakpoint-down()
úsáideann an brisphointe féin in ionad an brisphointe eile (m.sh.,media-breakpoint-down(lg)
in ionad na n-media-breakpoint-down(md)
amharcphointí spriocanna níos lú nálg
).- Mar an gcéanna, úsáideann an dara paraiméadar i
media-breakpoint-between()
freisin an brisphointe féin in ionad an brisphointe eile (m.sh.,media-between(sm, lg)
in ionad namedia-breakpoint-between(sm, md)
spriocanna amhairc idirsm
aguslg
).
-
BriseadhBaineadh stíleanna priontála agus
$enable-print-styles
athróg. Tá ranganna taispeántais priontála fós thart. Féach #28339 . -
BriseadhTite
color()
,theme-color()
, agusgray()
feidhmeanna i bhfabhar athróg. Féach #29083 . -
Briseadh
theme-color-level()
Feidhm athainmnithe go dtícolor-level()
agus anois glacann sé le haon dath atá uait in ionad$theme-color
dathanna amháin. Féach #29083 Bí ag faire amach:color-level()
thit sé isteach níos déanaív5.0.0-alpha3
. -
BriseadhAthainmnithe
$enable-prefers-reduced-motion-media-query
agus$enable-pointer-cursor-for-buttons
go dtí$enable-reduced-motion
agus$enable-button-pointers
chun go hachomair. -
BriseadhBaineadh an
bg-gradient-variant()
mixin. Úsáid an.bg-gradient
rang chun grádáin a chur le heilimintí seachas na.bg-gradient-*
ranganna ginte. -
Briseadh Baineadh meascáin dímheasta roimhe seo:
hover
,hover-focus
,plain-hover-focus
, agushover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
( thit freisin an aicme fóntais ghaolmhara ,.text-hide
)visibility()
form-control-focus()
-
Briseadh
scale-color()
Feidhm athainmnitheshift-color()
chun imbhualadh le feidhm scálaithe dath Sass féin a sheachaint. -
box-shadow
Ceadaíonn meascáin anoisnull
luachanna agus titimnone
ó argóintí iolracha. Féach #30394 . -
Tá
border-radius()
luach réamhshocraithe ag an mixin anois.
Córas datha
-
An córas dathanna a d'oibrigh leis
color-level()
agus$theme-color-interval
a baineadh i bhfabhar córas nua dathanna. Cuirtearlighten()
agus . _ _ Meascfaidh na feidhmeanna seo an dath le bán nó dubh in ionad a gile a athrú de mhéid seasta. Tintfidh nó scáthóidh sé dath ag brath ar cibé an bhfuil a pharaiméadar meáchain dearfach nó diúltach. Féach #30622 le haghaidh tuilleadh sonraí.darken()
tint-color()
shade-color()
shift-color()
-
Cuireadh tint agus dathanna nua leis do gach dath, ag soláthar naoi ndath ar leith do gach bundath, mar athróga nua Sass.
-
Codarsnacht dathanna feabhsaithe. Bumpáil cóimheas codarsnachta dathanna ó 3:1 go 4.5:1 agus dathanna gorm, glasa, cian agus bándearg nuashonraithe chun codarsnacht WCAG 2.1 AA a chinntiú. Chomh maith leis sin d'athraigh ár dath codarsnachta dath ó
$gray-900
go$black
. -
Chun tacú lenár gcóras datha, chuireamar saincheaptha
tint-color()
agusshade-color()
feidhmeanna nua leis chun ár ndathanna a mheascadh go cuí.
Nuashonruithe greille
-
Brisphointe nua!
xxl
Brisphointe nua curtha leis1400px
agus suas. Gan aon athrú ar gach brisphointe eile. -
Gutters feabhsaithe. Tá gáitéir socraithe anois i rems, agus tá siad níos cúinge ná v4 (
1.5rem
, nó thart ar24px
, síos ó30px
). Déanann sé seo gáitéir ár gcóras eangaí a ailíniú lenár bhfóntais spáis.- Cuireadh aicme nua gáitéir (
.g-*
,.gx-*
, agus.gy-*
) leis chun gáitéir chothrománacha/ingearach, gáitéir chothrománacha agus gáitéir ingearacha a rialú. - BriseadhAthainmnithe
.no-gutters
go dtí.g-0
chun fóntais nua gáitéir a mheaitseáil.
- Cuireadh aicme nua gáitéir (
-
Níl feidhm ag colúin a thuilleadh
position: relative
, mar sin b'fhéidir go mbeidh ort cur.position-relative
le roinnt gnéithe chun an t-iompar sin a chur ar ais. -
BriseadhThit roinnt
.order-*
ranganna nach raibh in úsáid go minic..order-1
Ní chuirimid ar fáil anois ach amháin.order-5
as an mbosca. -
BriseadhThit an
.media
chomhpháirt mar is féidir é a mhacasamhlú go héasca le fóntais. Féach #28265 agus an leathanach flex utilities le haghaidh sampla . -
Briseadh
bootstrap-grid.css
anois ní bhaineann sé achbox-sizing: border-box
leis an gcolún seachas an méid bosca domhanda a athshocrú. Ar an mbealach seo, is féidir ár stíleanna greille a úsáid i níos mó áiteanna gan cur isteach. -
$enable-grid-classes
ní dhíchumasaíonn sé giniúint ranganna coimeádán a thuilleadh. Féach #29146. -
Nuashonraíodh an
make-col
meascthóir go réamhshocrú go colúin chothroma gan méid sonraithe.
Ábhar, Atosaigh, etc
-
Tá RFS cumasaithe anois de réir réamhshocraithe. Déanfaidh ceannteidil a úsáideann an
font-size()
mixin a n-athrú go huathoibríoch defont-size
réir scála leis an gcalafort amharc. Bhí an ghné seo rogha an diúltaithe roimhe seo le v4. -
BriseadhRinneadh athchóiriú ar ár gclóghrafaíocht taispeána chun ár n-athróga a chur in ionad ár n-
$display-*
athróg agus le$display-font-sizes
léarscáil Sass. Baineadh na$display-*-weight
hathróga indibhidiúla freisin le haghaidh s amháin$display-font-weight
agus coigeartaíodhfont-size
s. -
Cuireadh dhá
.display-*
mhéid ceannteidil nua leis,.display-5
agus.display-6
. -
Leagtar béim ar naisc de réir réamhshocraithe (ní hamháin ar ainlíon), ach amháin más cuid de chomhpháirteanna sonracha iad.
-
Athdhearadh táblaí chun a stíleanna a athnuachan agus iad a atógáil le hathróga CSS chun smacht níos fearr a fháil ar stíliú.
-
BriseadhNí fhaigheann táblaí neadaithe stíleanna a thuilleadh.
-
Briseadh
.thead-light
agus.thead-dark
fágtar iad i bhfabhar na n.table-*
-aicmí athraitheacha is féidir a úsáid do na heilimintí boird go léir (thead
,tbody
,tfoot
, ,tr
,th
agustd
). -
BriseadhAthainmnítear an
table-row-variant()
mixintable-variant()
agus ní ghlacann sé ach le 2 pharaiméadar:$color
(ainm datha) agus$value
(cód datha). Ríomhtar na dathanna teorann agus dathanna accent go huathoibríoch bunaithe ar na hathróga fachtóir tábla. -
Scoilt athróga stuála cille boird isteach
-y
agus-x
. -
BriseadhRang tite
.pre-scrollable
. Féach #29135 -
Briseadh
.text-*
ní chuireann fóntais stáit ainlithe agus fócais le naisc a thuilleadh..link-*
is féidir ranganna cúntóir a úsáid ina ionad. Féach #29267 -
BriseadhRang tite
.text-justify
. Féach #29793 -
Athshocraigh cothrománach réamhshocraithe
padding-left
ar aghaidh<ul>
agus<ol>
eilimintí ó réamhshocrú an bhrabhsálaí40px
go2rem
. -
Curtha leis
$enable-smooth-scroll
, a bhaineannscroll-behavior: smooth
go domhanda - ach amháin i gcás úsáideoirí a iarrann tairiscint laghdaithe tríprefers-reduced-motion
cheist ó na meáin. Féach #31877
RTL
- Athraíodh athróga sonracha treo cothrománach, fóntais agus meascáin go léir chun úsáid a bhaint as airíonna loighciúla cosúil leis na cinn a fhaightear i leagan amach flexbox - m.sh.,
start
agusend
in ionadleft
agusright
.
Foirmeacha
-
Cuireadh foirmeacha nua ar snámh leis! Táimid tar éis an sampla Lipéid Snámh a chur chun cinn mar chomhpháirteanna foirm a bhfuil tacaíocht iomlán acu. Féach ar an leathanach nua Lipéid Snámh.
-
Briseadh Eilimintí foirm dhúchais agus saincheaptha comhdhlúite. Comhdhlúthaíodh ticbhoscaí, raidiónna, roghanna agus ionchuir eile a raibh ranganna dúchais agus saincheaptha acu i v4. Anois tá ár n-eilimintí foirm beagnach go léir go hiomlán saincheaptha, an chuid is mó gan gá le HTML saincheaptha.
.custom-check
anois.form-check
..custom-check.custom-switch
anois.form-check.form-switch
..custom-select
anois.form-select
..custom-file
agus.form-file
curtha in ionad stíleanna saincheaptha ar bharr.form-control
..custom-range
anois.form-range
.- Thit dúchais
.form-control-file
agus.form-control-range
.
-
BriseadhThit
.input-group-append
agus.input-group-prepend
. Is féidir leat anois cnaipí a chur leis agus.input-group-text
mar pháistí díreacha de na grúpaí ionchuir. -
Socraítear ar deireadh an ga teorann atá ar Iarraidh le fada ar ghrúpa ionchuir le fabht aiseolais bailíochtaithe trí
.has-validation
rang breise a chur le grúpaí ionchuir le bailíochtú. -
Briseadh Ranganna leagan amach a bhaineann go sonrach leis an bhfoirm laghdaithe dár gcóras eangaí. Bain úsáid as ár ngreille agus ár bhfóntais in ionad
.form-group
,.form-row
, nó.form-inline
. -
BriseadhTeastaíonn lipéid fhoirm anois
.form-label
. -
Briseadh
.form-text
Ní leagann sé seo a thuilleadhdisplay
, rud a ligeann duit téacs cabhrach inlíne a chruthú nó a bhlocáil mar is mian leat ach an eilimint HTML a athrú. -
Ní chuirtear deilbhíní bailíochtaithe i bhfeidhm ar
<select>
s lemultiple
. -
Foinse atheagraithe comhaid Sass faoi
scss/forms/
, lena n-áirítear stíleanna grúpa ionchuir.
Comhpháirteanna
- Luachanna aontaithe
padding
maidir le foláirimh, blúiríní aráin, cártaí, anuas, grúpaí liosta, módúil, popovers, agus leideanna uirlisí a bheith bunaithe ar ár n-$spacer
athróg. Féach #30564 .
Bosca ceoil
- Cuireadh comhpháirt bosca ceoil nua leis .
Foláirimh
-
Tá samplaí le deilbhíní anois ar fholáirimh .
-
Baineadh stíleanna saincheaptha do
<hr>
s i ngach foláireamh ó úsáideann siad cheana féincurrentColor
.
Suaitheantais
-
BriseadhThit gach
.badge-*
rang dathanna le haghaidh fóntais chúlra (m.sh., úsáid.bg-primary
in ionad.badge-primary
). -
BriseadhThit — bain
.badge-pill
úsáid as an.rounded-pill
áirgiúlacht ina ionad. -
BriseadhBainte ainlithe agus stíleanna fócais le haghaidh
<a>
agus<button>
eilimintí. -
stuáil réamhshocraithe méadaithe do shuaitheantais ó
.25em
/.5em
go.35em
/.65em
.
Brioscáin aráin
-
Simplíodh cuma réamhshocraithe na mbróga aráin trí bhaint
padding
,background-color
, agusborder-radius
. -
Cuireadh maoin shaincheaptha CSS nua leis
--bs-breadcrumb-divider
le haghaidh saincheaptha éasca gan gá le CSS a ath-thiomsú.
Cnaipí
-
Briseadh Scoránaigh cnaipí , le ticbhoscaí nó raidiónna, ní gá JavaScript a thuilleadh agus tá marcáil nua. Ní theastaíonn eilimint timfhilleadh uainn a thuilleadh, cuir
.btn-check
leis an<input>
, agus péireáil é le haon.btn
ranganna ar an<label>
. Féach #30650 . Tá na doiciméid chuige seo aistrithe ónár leathanach Cnaipí go dtí an rannán Foirmeacha nua. -
Briseadh Thit
.btn-block
le haghaidh fóntais. In ionad úsáid a bhaint as.btn-block
ar an.btn
, wrap do cnaipí le.d-grid
agus.gap-*
fóntais a spásáil iad mar is gá. Téigh chuig ranganna freagrúla le níos mó smachta fós orthu. Léigh na doiciméid le haghaidh roinnt samplaí. -
Nuashonraíodh ár
button-variant()
agusbutton-outline-variant()
mixins chun tacú le paraiméadair bhreise. -
Cnaipí nuashonraithe chun codarsnacht mhéadaithe ar ainlíon agus stáit ghníomhacha a chinntiú.
-
Tá cnaipí díchumasaithe anois
pointer-events: none;
.
Cárta
-
BriseadhThit
.card-deck
i bhfabhar ár eangach. Wrap do cártaí i ranganna colún agus cuir.row-cols-*
coimeádán tuismitheora a athchruthú deiceanna cártaí (ach le níos mó smachta ar ailíniú sofhreagrach). -
BriseadhThit
.card-columns
i bhfabhar na saoirseachta. Féach #28922 . -
BriseadhCuireadh comhpháirt bosca ceoil nua in ionad an
.card
bhosca bhunaithe .
Timpealláin
-
Cuireadh
.carousel-dark
malairt nua leis le haghaidh téacs dorcha, rialuithe agus táscairí (ar fheabhas do chúlraí níos éadroime). -
Deilbhíní chevron do rialuithe timpealláin curtha in ionad le SVGanna nua ó Bootstrap Icons .
Dún an cnaipe
-
BriseadhAthainmníodh é
.close
le.btn-close
haghaidh ainm nach bhfuil chomh cineálach. -
Úsáideann cnaipí dúnta anois
background-image
SVG (leabaithe) seachas×
san HTML, rud a ligeann do shaincheapadh níos éasca gan teagmháil a dhéanamh le do mharcáil. -
Cuireadh
.btn-close-white
leagan nua leis a úsáideannfilter: invert(1)
chun deilbhíní codarsnachta níos airde a dhíbhe i gcoinne chúlraí níos dorcha.
Laghdaigh
- Baineadh ancaireacht scrollbharra le haghaidh bosca ceoil.
Droim anuas
-
Athróg nua
.dropdown-menu-dark
agus athróga gaolmhara curtha leis le haghaidh anuas dorcha ar éileamh. -
Cuireadh athróg nua leis le haghaidh
$dropdown-padding-x
. -
Dorchaigh an roinnteoir anuas le haghaidh codarsnachta feabhsaithe.
-
BriseadhTá na himeachtaí go léir don anuas spreagtha anois ar an gcnaipe scoránaigh anuas agus ansin bubbled suas go dtí an eilimint tuismitheora.
-
Tá aitreabúidí ag roghchláir anuas anois
data-bs-popper="static"
nuair a bhíonn suíomh an anuas statach agusdata-bs-popper="none"
nuair atá anuas sa bharra nascleanúna. Cuireann ár JavaScript é seo leis agus cabhraíonn sé linn stíleanna suímh saincheaptha a úsáid gan cur isteach ar shuíomh Popper. -
BriseadhRogha tite
flip
le haghaidh breiseán anuas i bhfabhar cumraíocht Popper dúchais. Is féidir leat an t-iompar smeach a dhíchumasú anois trí eagar folamh a rith le haghaidhfallbackPlacements
rogha i modhnóir smeach . -
Is féidir cliceáil ar roghchláir anuas anois le rogha nua chun an t -iompar dúnta uathoibríoch
autoClose
a láimhseáil . Is féidir leat an rogha seo a úsáid chun glacadh leis an cliceáil laistigh nó lasmuigh den roghchlár anuas chun é a dhéanamh idirghníomhach. -
Tacaíonn dropdowns anois le
.dropdown-item
s fillte i<li>
s.
Jumbotron
- BriseadhThit an comhpháirt jumbotron mar is féidir é a mhacasamhlú le fóntais. Féach ar ár sampla nua Jumbotron le haghaidh taispeána.
Liosta grúpa
- Cuireadh
.list-group-numbered
modhnóir nua leis chun grúpaí a liostú.
Nascleanúint agus cluaisíní
- Cuireadh
null
athróga nua leis dofont-size
,font-weight
,color
, agus:hover
color
don.nav-link
rang.
Navbarraí
- BriseadhTeastaíonn coimeádán laistigh de na barraí nascleanúna anois (chun riachtanais spáis a shimpliú go mór agus an CSS riachtanach).
Lasmuigh den chanbhás
- Cuireadh an chomhpháirt nua offcanvas leis .
Leathanaigh
-
Tá naisc uimhriúcháin insaincheaptha anois
margin-left
a dhéantar a shlánú go dinimiciúil ar gach cúinne nuair a bhíonn siad scartha óna chéile. -
Cuireadh
transition
s le naisc leathanach.
Popovers
-
BriseadhAthainmníodh é seo
.arrow
inár.popover-arrow
dteimpléad preabfhuinneog réamhshocraithe. -
whiteList
Rogha athainmnithe goallowList
.
Spinners
-
Tugann spinners onóir anois
prefers-reduced-motion: reduce
trí bheochan a mhoilliú. Féach #31882 . -
Ailíniú ingearach spinner feabhsaithe.
Tósta
-
Is féidir toasts a shuíomh anois in a
.toast-container
le cabhair ó fhóntais a shuíomh . -
Athraíodh fad réamhshocraithe an tósta go 5 soicind.
-
Baintear na tóstaí
overflow: hidden
agus cuirtear ceartaborder-radius
ina n-ionad lecalc()
feidhmeanna.
Leideanna uirlisí
-
BriseadhAthainmníodh é seo
.arrow
inár.tooltip-arrow
dteimpléad leid uirlisí réamhshocraithe. -
BriseadhAthraítear luach réamhshocraithe an
fallbackPlacements
go dtí['top', 'right', 'bottom', 'left']
le haghaidh socrúchán níos fearr d'eilimintí popper. -
Briseadh
whiteList
Rogha athainmnithe goallowList
.
Fóntais
-
BriseadhAthainmníodh roinnt fóntais chun ainmneacha réadmhaoine loighciúla a úsáid in ionad ainmneacha treo agus cuireadh tacaíocht RTL leis:
- Athainmnithe
.left-*
agus.right-*
chuig.start-*
agus.end-*
. - Athainmnithe
.float-left
agus.float-right
chuig.float-start
agus.float-end
. - Athainmnithe
.border-left
agus.border-right
chuig.border-start
agus.border-end
. - Athainmnithe
.rounded-left
agus.rounded-right
chuig.rounded-start
agus.rounded-end
. - Athainmnithe
.ml-*
agus.mr-*
chuig.ms-*
agus.me-*
. - Athainmnithe
.pl-*
agus.pr-*
chuig.ps-*
agus.pe-*
. - Athainmnithe
.text-left
agus.text-right
chuig.text-start
agus.text-end
.
- Athainmnithe
-
BriseadhCorrlaigh diúltacha díchumasaithe de réir réamhshocraithe.
-
Cuireadh
.bg-body
rang nua leis chun an<body>
cúlra a shocrú go tapa d'eilimintí breise. -
Áiseanna suímh nua curtha leis le haghaidh
top
,right
,bottom
, agusleft
. Áirítear ar luachanna0
,50%
, agus100%
do gach maoin. -
Curtha nua
.translate-middle-x
&.translate-middle-y
fóntais leis na heilimintí absalóideacha/suíomh seasta a lárú go cothrománach nó go hingearach. -
Cuireadh
border-width
fóntais nua leis . -
BriseadhAthainmnithe
.text-monospace
go.font-monospace
. -
BriseadhBainte
.text-hide
as mar is modh seanchaite é chun téacs a chur i bhfolach nár cheart a úsáid a thuilleadh. -
Fóntais bhreise
.fs-*
le haghaidhfont-size
fóntais (le RFS cumasaithe). Úsáideann siad seo an scála céanna le ceannteidil réamhshocraithe HTML (1-6, beag go mór), agus is féidir iad a mhodhnú trí léarscáil Sass. -
Briseadh
.font-weight-*
Fóntais athainmnithe mar go bhfuil.fw-*
siad gonta agus comhsheasmhach. -
Briseadh
.font-style-*
Fóntais athainmnithe mar go bhfuil.fst-*
siad gonta agus comhsheasmhach. -
Curtha
.d-grid
leis chun fóntais agus fóntais nua a thaispeáintgap
(.gap
) le haghaidh leagan amach Eangaí CSS agus flexbox. -
BriseadhBainte
.rounded-sm
agusrounded-lg
, agus tugadh isteach scála nua ranganna,.rounded-0
go.rounded-3
. Féach #31687 . -
line-height
Fóntais nua curtha leis :.lh-1
,.lh-sm
,.lh-base
agus.lh-lg
. Féach anseo . -
Ar athraíodh a ionad an
.d-none
áirgiúlacht inár CSS chun níos mó meáchain a thabhairt dó thar fóntais taispeána eile. -
Leathnaigh an
.visually-hidden-focusable
cúntóir chun oibriú freisin ar choimeádáin, ag baint úsáide as:focus-within
.
Cúntóirí
-
Briseadh Athainmníodh cúntóirí leabaithe sofhreagracha go cúntóirí cóimheasa le hainmneacha ranga nua agus iompraíochtaí feabhsaithe, chomh maith le hathróg cabhrach CSS.
- Athainmníodh na ranganna le hathrú
by
go dtíx
an cóimheas gné. Mar shampla ,.ratio-16by9
anois.ratio-16x9
. - Táimid tar éis an
.embed-responsive-item
roghnóir grúpa eiliminte agus eiliminte a scaoileadh i bhfabhar.ratio > *
roghnóir níos simplí. Níl gá le níos mó aicme, agus oibríonn an cúntóir cóimheasa anois le haon eilimint HTML. - Athainmníodh an
$embed-responsive-aspect-ratios
léarscáil Sass$aspect-ratios
agus tá a luachanna simplithe chun ainm an ranga agus an céatadán a chur san áireamh markey: value
phéire. - Gintear athróga CSS anois agus cuirtear san áireamh iad do gach luach ar léarscáil Sass. Athraigh an
--bs-aspect-ratio
athróg ar an.ratio
chun aon chóimheas gné saincheaptha a chruthú .
- Athainmníodh na ranganna le hathrú
-
Briseadh Ranganna “léitheoireachta scáileáin” is ea ranganna “léitheoireachta ó thaobh amhairc” anois .
- D'athraigh an comhad Sass ó
scss/helpers/_screenreaders.scss
goscss/helpers/_visually-hidden.scss
- Athainmnithe
.sr-only
agus.sr-only-focusable
chuig.visually-hidden
agus.visually-hidden-focusable
- Athainmnithe
sr-only()
agussr-only-focusable()
meascáin govisually-hidden()
agusvisually-hidden-focusable()
.
- D'athraigh an comhad Sass ó
-
bootstrap-utilities.css
folaíonn sé ár gcuid cúntóirí anois freisin. Ní gá cúntóirí a allmhairiú i dtithe saincheaptha a thuilleadh.
JavaScript
-
Laghdaigh spleáchas jQuery agus athscríobh forlíontáin le bheith i JavaScript rialta.
-
BriseadhTá spásanna ag tréithe sonraí do gach breiseán JavaScript anois chun cabhrú le feidhmiúlacht Bootstrap a idirdhealú ó thríú páirtithe agus ó do chód féin. Mar shampla, úsáidimid
data-bs-toggle
in ionaddata-toggle
. -
Is féidir le gach breiseán glacadh le roghnóir CSS mar an chéad argóint. Is féidir leat eilimint DOM nó roghnóir CSS bailí a chur ar aghaidh chun sampla nua den bhreiseán a chruthú:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
Is féidir é a rith mar fheidhm a ghlacann le cumraíocht réamhshocraithe Popper Bootstrap mar argóint, ionas gur féidir leat an chumraíocht réamhshocraithe seo a chumasc ar do bhealach. Baineann sé seo le dropdowns, popovers, agus leideanna uirlisí. -
Athraítear an luach réamhshocraithe
fallbackPlacements
le['top', 'right', 'bottom', 'left']
haghaidh socrúcháin níos fearr d'eilimintí Popper. Baineann sé seo le dropdowns, popovers, agus leideanna uirlisí. -
Baineadh béim ó mhodhanna statacha poiblí mar
_getInstance()
→getInstance()
.