Ku rhurhela eka v5
Landzelela no kambisisa ku cinca eka tifayela ta xihlovo xa Bootstrap, matsalwa, na swiphemu ku ku pfuna ku rhurha ku suka eka v4 ku ya eka v5.
Swilo leswi titshegeke hi swona
- Ku hoxiwa jQuery.
- Ku ndlandlamuxiwile ku suka eka Popper v1.x ku ya eka Popper v2.x.
- Ku siviwe Libsass hi Dart Sass tani hi leswi muhlengeleti wa hina wa Sass loyi a nyikiweke Libsass a nga ha tirhisiwi.
- Ku rhurhile ku suka eJekyll ku ya eHugo hikwalaho ko aka matsalwa ya hina
Nseketelo wa xihlamusela-marito
- Ku hoxiwe Internet Explorer 10 na 11
- Ku hoxiwa ka Microsoft Edge < 16 (Edge ya Ndzhaka) .
- Ku hoxiwa Firefox < 60
- Ku wisa Safari < 12
- Ku hoxiwa ka iOS Safari < 12
- Ku hoxiwa ka Chrome < 60
Ku cinca ka matsalwa
- Ku endliwe hi vuntshwa pheji ya le kaya, layout ya docs, na footer.
- Ku engeteriwe nkongomiso lowuntshwa wa Tiphasela .
- Ku engeteriwe xiyenge lexintshwa xa Customize , ku siva v4’s Theming page , hi vuxokoxoko lebyintshwa eka Sass, swihlawulekisi swa vuhlanganisi bya misava hinkwayo, swikimi swa mihlovo, swilo leswi cinca-cincaka swa CSS, na swin’wana.
- Ku hlela nakambe matsalwa hinkwawo ya tifomo eka xiyenge lexintshwa xa Tifomo , ku hambanyisa leswi nga endzeni swi va matluka lama kongomisiweke swinene.
- Hilaha ku fanaka, ku pfuxetiwile xiyenge xa Layout , ku flesh out grid content kahle.
- Ku thyiwile vito lerintshwa ra tluka ra xiphemu ra “Navs” ri va “Navs & Tabs”.
- Ku thyiwile vito lerintshwa ra tluka ra “Checks” ri va “Checks & radios”.
- Hi tlhele hi endla navbar ivi hi engetela subnav leyintshwa leswaku swi olova ku famba-famba eka tisayiti ta hina ni tivhidiyo ta ti-docs.
- Ku engeteriwe ndlela leyintshwa ya khibhodi ya nsimu yo lavisisa: Ctrl + /.
Sass
-
Hi ditched default Sass map merges ku endla leswaku swi olova ku susa mimpimo leyi nga lavekiki. Hlayisa emiehleketweni sweswi u fanele ku hlamusela mimpimo hinkwayo eka mimepe ya Sass ku fana na
$theme-colors
. Languta ndlela yo tirhana na mimepe ya Sass . -
Ku tshovekaKu thyiwile vito lerintshwa ra
color-yiq()
ntirho na swilo leswi cinca-cincaka leswi fambelanaka na swonacolor-contrast()
tanihi leswi swi nga ha fambelaniki na YIQ colorspace. Vona #30168.$yiq-contrasted-threshold
yi thyiwile vito lerintshwa ri va$min-contrast-ratio
.$yiq-text-dark
naswona$yiq-text-light
hi ku landzelelana ti thyiwile mavito ya$color-contrast-dark
na$color-contrast-light
.
-
Ku tshovekaTiparameter ta mixins ta xivutiso xa media ti cincile ku kuma endlelo leri twisisekaka swinene.
media-breakpoint-down()
yi tirhisa breakpoint hi yoxe ematshan’wini ya breakpoint leyi landzelaka (xikombiso,media-breakpoint-down(lg)
ematshan’wini yamedia-breakpoint-down(md)
swikongomelo swa swivono leswitsongo ku tlulalg
).- Hilaha ku fanaka, parameter ya vumbirhi eka
media-breakpoint-between()
yi tlhela yi tirhisa breakpoint hi yoxe ematshan’wini ya breakpoint leyi landzelaka (xikombiso,media-between(sm, lg)
ematshan’wini yamedia-breakpoint-between(sm, md)
swikongomelo swa swivono exikarhi kasm
nalg
).
-
Ku tshovekaKu susiwile switayele swo gandlisa na ku
$enable-print-styles
cinca-cinca. Titlilasi to kombisa ku gandlisa ta ha ri kona. Vona #28339 . -
Ku tshovekaKu hoxiwa
color()
,theme-color()
, nagray()
mintirho leyi seketelaka swilo leswi cinca-cincaka. Vona #29083 . -
Ku tshovekaRenamed
theme-color-level()
function tocolor-level()
and sweswi yi amukela muvala wihi na wihi lowu u wu lavaka ematshan’wini ya$theme-color
mihlovo ntsena. Vona #29083 Tivonele:color-level()
endzhaku u hoxiwev5.0.0-alpha3
. -
Ku tshovekaKu thyiwile vito lerintshwa
$enable-prefers-reduced-motion-media-query
na$enable-pointer-cursor-for-buttons
ku ya eka$enable-reduced-motion
na$enable-button-pointers
ku komisa. -
Ku tshovekaKu susiwile
bg-gradient-variant()
mixin. Tirhisa.bg-gradient
tlilasi ku engetela swirhendzevutani eka swiaki ematshan’wini ya.bg-gradient-*
titlilasi leti endliweke. -
Ku tshoveka Ku susiwile ti mixins leti khale a ti nga ha tirhisiwi:
hover
,hover-focus
,plain-hover-focus
, nahover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(u tlhele a tshika tlilasi ya vukorhokeri leyi fambisanaka na yona,.text-hide
) .visibility()
form-control-focus()
-
Ku tshovekaRenamed
scale-color()
function toshift-color()
ku papalata ku tlumbana na ntirho wa Sass wa yona wa ku ringanisa mihlovo. -
box-shadow
mixins sweswi yi pfumelelanull
mimpimo na ku wa kunone
suka eka swivutiso swo tala. Vona #30394 . -
Mixin sweswi yi
border-radius()
na ntikelo wa xiviri.
Endlelo ra mihlovo
-
Endlelo ra mihlovo leri tirheke na
color-level()
naswona$theme-color-interval
ri susiwile ku seketela endlelo lerintshwa ra mihlovo. Hinkwaswolighten()
nadarken()
mintirho eka codebase ya hina swi siviwa hitint-color()
nashade-color()
. Mintirho leyi yi ta hlanganisa muvala ni wo basa kumbe wa ntima ematshan’weni yo cinca ku olova ka wona hi mpimo lowu vekiweke. Theshift-color()
will either tint or shade a color kuya hiku parameter ya yona ya ntiko yiri positive kumbe negative. Vona #30622 ku kuma vuxokoxoko byo tala. -
Ku engeteriwe tints letintshwa na tinxaka ta muvala wun’wana na wun’wana, ku nyika mihlovo ya nhungu yo hambana eka muvala wun’wana na wun’wana wa le hansi, tanihi swilo leswintshwa leswi cinca-cincaka swa Sass.
-
Ku antswisiwa ka ku hambana ka mihlovo. Bumped color contrast ratio kusuka eka 3:1 kuya eka 4.5:1 na ku pfuxetiwa ka mihlovo ya blue, green, cyan, na pink ku tiyisisa WCAG 2.1 AA contrast. Nakambe hi cince muvala wa hina wa ku hambana ka mihlovo ku suka eka
$gray-900
ku ya eka$black
. -
Ku seketela fambiselo ra hina ra mihlovo, hi engetele mikhuva leyintshwa
tint-color()
nishade-color()
mintirho yo hlanganisa mihlovo ya hina hi ndlela leyi faneleke.
Ku pfuxetiwa ka gridi
-
Xiphemu lexintshwa xo wisa! Ku engeteriwe
xxl
breakpoint leyintshwa ya1400px
na le henhla. Ku hava ku cinca eka tindhawu tin’wana hinkwato to wisa. -
Ti- gutter leti antswisiweke. Ti gutters sweswi ti vekiwile eka rems, naswona ti tsindziyerile ku tlula v4 (
1.5rem
, kumbe kwalomu ka24px
, ehansi ku suka30px
). Leswi swi ringanisa ti-gutter ta sisiteme ya hina ya giridi na switirhisiwa swa hina swa ku hambana.- Ku engeteriwe ntlawa lowuntshwa wa migerho (
.g-*
,.gx-*
, na.gy-*
) ku lawula migerho leyi nga etlhelo/leyi yimisiweke, migerho leyi nga etlhelo, ni migerho leyi yimisiweke. - Ku tshovekaKu cinciwile vito
.no-gutters
ku va.g-0
ku fambisana na switirhisiwa leswintshwa swa gutter.
- Ku engeteriwe ntlawa lowuntshwa wa migerho (
-
Tikholomu a ta ha tirhi
position: relative
, hikwalaho u nga ha boheka ku engetela.position-relative
eka swiaki swin’wana leswaku u vuyisela mahanyelo wolawo. -
Ku tshovekaU tshike titlilasi to hlayanyana
.order-*
leti hakanyingi a ti nga tirhisiwi. Sweswi hi nyika ntsena.order-1
ku.order-5
huma ebokisini. -
Ku tshovekaDrop the
.media
component tani hi leswi yi nga tlheriseriwaka hi ku olova hi switirhisiwa. Vona #28265 na tluka ra switirhisiwa swa flex ku kuma xikombiso . -
Ku tshoveka
bootstrap-grid.css
sweswi yi tirha ntsenabox-sizing: border-box
eka kholomo ematshan’weni yo tlhela yi veka vukulu bya mabokisi ya misava hinkwayo. Hi ndlela leyi, switayele swa hina swa gridi swi nga tirhisiwa etindhawini to tala handle ko kavanyetiwa. -
$enable-grid-classes
a ya ha tshiki ku tumbuluxiwa ka titlilasi ta swikhomela-ndhawu. Vona #29146. -
Ku pfuxetiwile
make-col
mixin ku va default eka tikholomu to ringana handle ka sayizi leyi boxiweke.
Swilo leswi nga endzeni, Reboot, na swin’wana
-
RFS sweswi yi tirhisiwile hi ku tiyimisela. Tinhlokomhaka leti tirhisaka
font-size()
mixin ti ta lulamisa hi ku tisungulela ta tonafont-size
ku ringanisa na xivono. Xiyenge lexi khale a xi ri opt-in na v4. -
Ku tshovekaKu lunghise thayipografi ya hina ya nkombiso ku siva swilo swa hina
$display-*
leswi cinca-cincaka ni hi$display-font-sizes
mepe wa Sass. Nakambe ku susiwile$display-*-weight
swilo leswi cinca-cincaka ha xin’we-xin’we xa s yin’we$display-font-weight
ni leyi lulamisiwekefont-size
. -
Ku engeteriwe
.display-*
tisayizi timbirhi letintshwa ta tinhloko-mhaka,.display-5
naswona.display-6
. -
Swihlanganisi swi thaleriwa ehansi hi ku tiyimisela (ku nga ri ntsena eka hover), handle ka loko swi ri xiphemu xa swiphemu swo karhi.
-
Matafula lama endliweke hi vuntshwa ku pfuxeta switayele swa wona na ku ma pfuxeta hi swilo leswi cinca-cincaka swa CSS ku kuma vulawuri byo tala eka switayili.
-
Ku tshovekaMatafula lama nga ni swisaka a ma ha dyi ndzhaka ya switayele.
-
Ku tshoveka
.thead-light
naswona.thead-dark
ti hoxiwa ku seketela.table-*
titlilasi ta ku hambana leti nga tirhisiwaka eka swiaki hinkwaswo swa tafula (thead
,tbody
,tfoot
,tr
,th
natd
). -
Ku tshoveka
table-row-variant()
Mixin yi thyiwile vito lerintshwa ku va naswonatable-variant()
yi amukela ntsena 2 wa tipharamitha:$color
(vito ra muvala) na$value
(khodi ya muvala). Muhlovo wa ndzilakano na mihlovo ya accent swi hlayeriwa hi ku tisungulela hi ku ya hi swilo leswi cinca-cincaka swa xivangelo xa tafula. -
Hlukanisa swilo leswi cinca-cincaka swa padding ya tisele ta tafula eka
-y
na-x
. -
Ku tshovekaTlilasi leyi tshikiweke
.pre-scrollable
. Vona #29135 -
Ku tshoveka
.text-*
switirhisiwa a swa ha engeteli swiyimo swa hover na focus eka swihlanganisi..link-*
titlilasi ta vapfuni ti nga tirhisiwa ematshan’weni ya sweswo. Vona #29267 -
Ku tshovekaTlilasi leyi tshikiweke
.text-justify
. Vona #29793 -
Ku tshoveka
<hr>
swiaki sweswi swi tirhisaheight
ematshan’wini yaborder
ku seketela ku antswasize
xihlawulekisi. Leswi switlhela swiendla leswaku kuva na kutirhisiwa ka switirhisiwa swa padding kuva ku endliwa swiphemu swo tiya (xikombiso,<hr class="py-1">
). -
Seta default horizontal
padding-left
on<ul>
na<ol>
swiaki ku suka eka browser default40px
ku ya eka2rem
. -
Added
$enable-smooth-scroll
, leyi tirhakascroll-behavior: smooth
emisaveni hinkwayo—handle ka vatirhisi lava kombelaka ku hungutiwa ka ku famba-famba hi ku tirhisaprefers-reduced-motion
xivutiso xa swihaxa-mahungu. Vona #31877
RTL
- Swilo leswi cinca-cincaka swo karhi swa nkongomiso wa horizontal, switirhisiwa, na mixins hinkwaswo swi thyiwile mavito lamantshwa ku tirhisa swihlawulekisi leswi twisisekaka ku fana na leswi kumekaka eka swivumbeko swa flexbox—xikombiso,
start
naend
ematshan’wini yaleft
naright
.
Swivumbeko
-
Ku engeteriwe tifomo letintshwa leti papamalaka! Hi tlakusile xikombiso xa malebvu lama papamalaka eka swiphemu swa xivumbeko leswi seketeriwaka hi ku helela. Vona tluka lerintshwa ra malebvu lama papamalaka.
-
Ku tshoveka Swiaki swa xivumbeko xa ntumbuluko na xa ntolovelo leswi hlanganisiweke. Mabokisi yo kambela, swiya-ni-moya, swihlawulekisi, na swin’wana leswi nghenisiwaka leswi a swi ri na titlilasi ta ntumbuluko na ta ntolovelo eka v4 swi hlanganisiwile. Sweswi kwalomu ka swiaki hinkwaswo swa hina swa xivumbeko i swa ntolovelo hi ku helela, swo tala handle ka xilaveko xa HTML ya ntolovelo.
.custom-check
sweswi i.form-check
..custom-check.custom-switch
sweswi i.form-check.form-switch
..custom-select
sweswi i.form-select
..custom-file
naswona.form-file
ti siviwe hi switayele swa ntolovelo ehenhla ka.form-control
..custom-range
sweswi i.form-range
.- Ku wisa native
.form-control-file
na.form-control-range
.
-
Ku tshovekaKu wisa
.input-group-append
naswona.input-group-prepend
. Sweswi u nga engetela ntsena swikomba-nkarhi na.input-group-text
tanihi vana vo kongoma va mintlawa yo nghenisa. -
Radius ya ndzilakano wa Missing leyi nga tshama yi ri kona nkarhi wo leha eka ntlawa wa ku nghenisa lowu nga na xihoxo xa mbuyelo wa ku tiyisisa eku heteleleni wu lulamisiwile hi ku engetela
.has-validation
tlilasi yo engetela eka mintlawa ya ku nghenisa leyi nga na ku tiyisisiwa. -
Ku tshoveka Ku lahliwile titlilasi ta layout leti kongomeke ta xivumbeko xa sisiteme ya hina ya gridi. Tirhisa giridi ya hina ni switirhisiwa ematshan’weni ya
.form-group
,.form-row
, kumbe.form-inline
. -
Ku tshovekaMalebvu ya tifomo sweswi ma lava
.form-label
. -
Ku tshoveka
.form-text
no longer setsdisplay
, leswi ku pfumelelaka ku endla inline kumbe ku sivela tsalwa ra mpfuneto hilaha u lavaka hakona ntsena hi ku cinca elemente ya HTML. -
Swifaniso swa ku tiyisisa a swa ha tirhisiwi eka
<select>
s himultiple
. -
Ku hleriwile nakambe tifayela ta Sass ta xihlovo ehansi ka
scss/forms/
, ku katsa na switayele swa ntlawa wa ku nghenisa.
Swiphemu swa kona
- Mimpimo leyi hlanganeke
padding
ya switsundzuxo, swiphemu swa xinkwa, makhadi, swilo leswi nga ehansi, mintlawa ya nxaxamelo, timodali, ti-popover, na switsundzuxo swa switirhisiwa ku va swi sekeriwe eka$spacer
xihlawulekisi xa hina. Vona #30564 .
Accordion leyi vuriwaka Accordion
- Ku engeteriwe xiphemu lexintshwa xa accordion .
Switsundzuxo
-
Sweswi switsundzuxo swi ni swikombiso leswi nga ni swifaniso .
-
Ku susiwile switayele swa ntolovelo swa
<hr>
s eka xitsundzuxo xin'wana na xin'wana tanihileswi se va tirhisakacurrentColor
.
Tibeji
-
Ku tshovekaKu lahliwile titlilasi hinkwato
.badge-*
ta mihlovo ya switirhisiwa swa le ndzhaku (xikombiso, tirhisa.bg-primary
ematshan’wini ya.badge-primary
). -
Ku tshovekaDroped
.badge-pill
—tirhisa.rounded-pill
xitirhisiwa ematshan’weni ya sweswo. -
Ku tshovekaKu susiwile switayele swa hover na focus swa
<a>
na<button>
swiaki. -
Ku engeteriwa ka padding ya xiviri ya tibeji ku suka eka
.25em
/.5em
ku ya eka.35em
/.65em
.
Swiphepherhele swa xinkwa
-
Ku olovise xivumbeko xa ntolovelo xa swiphemuphemu swa xinkwa hi ku susa
padding
,background-color
, naborder-radius
. -
Ku engeteriwile nhundzu leyintshwa ya ntolovelo ya CSS
--bs-breadcrumb-divider
ku olova ku cinca handle ko lava ku hlengeleta nakambe CSS.
Swikomba-nkarhi
-
Ku tshoveka Swikomba-nkarhi swo cinca-cinca , leswi nga ni mabokisi yo kambela kumbe swiya-ni-moya, a swa ha lavi JavaScript naswona swi ni mfungho lowuntshwa. A ha ha lavi elemente yo phutsela, hi engetela
.btn-check
eka<input>
, ivi hi yi hlanganisa na.btn
titlilasi tihi na tihi eka<label>
. Vona #30650 . Ti docs ta leswi ti rhurhile eka tluka ra hina ra Buttons ku ya eka xiyenge lexintshwa xa Tifomo. -
Ku tshoveka Ku lahliwile
.btn-block
leswaku ku ta tirhisiwa switirhisiwa. Ematshan’weni yo tirhisa.btn-block
eka.btn
, phutsela swikomba-nkarhi swa wena hi.d-grid
ni.gap-*
xitirhisiwa xo swi veka hi ku hambana-hambana loko swi laveka. Cinca eka titlilasi leti hlamulaka leswaku u kuma vulawuri lebyi engetelekeke eka tona. Hlaya ti docs ku kuma swikombiso swin’wana. -
Updated our
button-variant()
nabutton-outline-variant()
mixins ku seketela ti parameter to engetela. -
Tiboto leti pfuxetiweke ku tiyisisa ku hambana loku engetelekeke eka swiyimo swa hover na leswi tirhaka.
-
Swikomba-nkarhi leswi lamaleke sweswi swi ni
pointer-events: none;
.
Khadi ra
-
Ku tshovekaKu wile
.card-deck
hi ku tsakela gridi ya hina. Pfuxeta makhadi ya wena eka titlilasi ta tikholomu ivi u engetela xigwitsirisi xa mutswari.row-cols-*
ku tlhela u tumbuluxa tidekhi ta makhadi (kambe hi vulawuri byo tala eka ku ringanisa loku hlamulaka). -
Ku tshovekaU wile
.card-columns
a seketela Masonry. Vona #28922 . -
Ku tshovekaKu siviwe
.card
accordion leyi sekeriweke hi xiphemu lexintshwa xa Accordion .
Xigwitsirisi
-
Ku engeteriwe
.carousel-dark
muxaka lowuntshwa wa tsalwa ra munyama, swilawuri, na swikombiso (swinene eka swivumbeko swa le ndzhaku leswi voningaka). -
Ku siviwe swifaniso swa chevron swa vulawuri bya carousel hi ti-SVG letintshwa ku suka eka Swifaniso swa Bootstrap .
Pfala button
-
Ku tshovekaKu thyiwile vito lerintshwa
.close
ra.btn-close
vito leri nga riki ra xivumbeko xa le henhla. -
Swikomba-nkarhi swo pfala sweswi swi tirhisa
background-image
(SVG leyi nghenisiweke) ematshan’weni ya a×
eka HTML, leswi pfumelelaka ku cinca-cinca ko olova handle ka xilaveko xo khumba mfungho wa wena. -
Ku engeteriwe
.btn-close-white
muxaka lowuntshwa lowu tirhisakafilter: invert(1)
ku endla leswaku ku va ni swifaniso swa ku hlongola ku hambana lokukulu eka swivumbeko swa ntima.
Ku wa
- Ku susiwile swikhomela-ndhawu swa buku-nsongwa swa ti- accordion.
Swilo leswi nga ehansi
-
Ku engeteriwile
.dropdown-menu-dark
muxaka lowuntshwa na swilo leswi cinca-cincaka leswi fambelanaka na swona swa swihoxo swa munyama leswi lavekaka. -
Ku engeteriwe xihlawulekisi lexintshwa xa
$dropdown-padding-x
. -
Ku endle leswaku dropdown divider yi va munyama leswaku ku ta antswisiwa ku hambana.
-
Ku tshovekaSwiendlakalo hinkwaswo swa dropdown sweswi swi pfuriwa eka dropdown toggle button ivi swi bubbled ku ya fika eka element ya mutswari.
-
Timenyu ta dropdown sweswi ti na
data-bs-popper="static"
attribute set loko positioning ya dropdown yi static nadata-bs-popper="none"
loko dropdown yi ri eka navbar. Leswi swi engeteriwa hi JavaScript ya hina naswona swi hi pfuna ku tirhisa switayele swa xiyimo xa ntolovelo handle ko kavanyeta ku veka ka Popper. -
Ku tshovekaKu lahliwile
flip
xihlawuhlawu xa plugin yo wisa ku seketela vukorhokeri bya Popper bya ntumbuluko. Sweswi u nga tshikisa mahanyelo ya ku flip hi ku hundzisa array leyi nga riki na nchumu yafallbackPlacements
option eka flip modifier. -
Timenyu leti nga ehansi sweswi ti nga ha tsindziyela hi ndlela leyintshwa
autoClose
yo khoma mahanyelo ya ku pfala hi ku tisungulela . U nga tirhisa nhlawulo lowu ku amukela ku tsindziyela endzeni kumbe ehandle ka menyu leyi nga ehansi leswaku yi va leyi tirhisanaka. -
Ti dropdown sweswi ti seketela
.dropdown-item
s leyi phutseriweke hi<li>
s.
Jumbotron leyi vuriwaka Jumbotron
- Ku tshovekaKu lahliwile xiphemu xa jumbotron tani hi leswi xi nga phindha-phindhiwaka hi switirhisiwa. Vona xikombiso xa hina lexintshwa xa Jumbotron ku kuma demo.
Nxaxamelo wa ntlawa
- Ku engeteriwe
.list-group-numbered
xicinci lexintshwa eka nxaxamelo wa mintlawa.
Navs na tithebhu
- Ku engeteriwe swilo leswintshwa
null
leswi cinca-cincaka swafont-size
,font-weight
,color
, na:hover
color
eka.nav-link
tlilasi.
Navbars
- Ku tshovekaTi-navbar sweswi ti lava xikhomela-ndhawu endzeni (ku olovisa swinene swilaveko swa ku hambana na CSS leyi lavekaka).
Ehandle ka canvas
- Ku engeteriwe xiphemu lexintshwa xa offcanvas .
Ku vekiwa ka matluka
-
Swihlanganisi swa pagination sweswi swi na customizable
margin-left
leswi nga na dynamically rounded eka makhon’wa hinkwawo loko swi hambanisiwile na yin’wana. -
Ku engeteriwe
transition
s eka swihlanganisi swa mapheji.
Popovers
-
Ku tshovekaKu thyiwile vito lerintshwa
.arrow
eka.popover-arrow
xifaniso xa hina xa popover xa ntolovelo. -
Ku thyiwile vito lerintshwa ra
whiteList
nhlawulo ku vaallowList
.
Vaendli va swirhendzevutana
-
Va- spinner sweswi va xixima
prefers-reduced-motion: reduce
hi ku hunguta rivilo ra swifaniso leswi hanyaka. Vona #31882 . -
Ku antswisiwa ka ku ringanisa ka spinner loku yimisiweke.
Titositi
-
Sweswi ti- toast ti nga vekiwa eka a
.toast-container
hi ku pfuniwa hi switirhisiwa swo veka swilo . -
Ku cinciwile nkarhi wa toast wa ntolovelo ku ya eka 5 wa tisekoni.
-
Yi susiwile
overflow: hidden
eka ti toasts yi siviwa hi properborder-radius
s leyinganacalc()
mintirho.
Switsundzuxo swa Switirhisiwa
-
Ku tshovekaKu thyiwile vito lerintshwa
.arrow
eka.tooltip-arrow
xifaniso xa hina xa xitirhisiwa xa ntolovelo. -
Ku tshovekaNhlayo ya xiviri ya the
fallbackPlacements
yi cinciwile ku['top', 'right', 'bottom', 'left']
ya eka ku vekiwa ko antswa ka swiaki swa popper. -
Ku tshovekaKu thyiwile vito lerintshwa ra
whiteList
nhlawulo ku vaallowList
.
Switirhisiwa
-
Ku tshovekaKu cinciwile mavito ya switirhisiwa swo hlayanyana ku tirhisa mavito ya nhundzu leyi twisisekaka ematshan’wini ya mavito ya nkongomiso hi ku engeteriwa ka nseketelo wa RTL:
- Ku thyiwile vito lerintshwa
.left-*
na.right-*
ku ya eka.start-*
na.end-*
. - Ku thyiwile vito lerintshwa
.float-left
na.float-right
ku ya eka.float-start
na.float-end
. - Ku thyiwile vito lerintshwa
.border-left
na.border-right
ku ya eka.border-start
na.border-end
. - Ku thyiwile vito lerintshwa
.rounded-left
na.rounded-right
ku ya eka.rounded-start
na.rounded-end
. - Ku thyiwile vito lerintshwa
.ml-*
na.mr-*
ku ya eka.ms-*
na.me-*
. - Ku thyiwile vito lerintshwa
.pl-*
na.pr-*
ku ya eka.ps-*
na.pe-*
. - Ku thyiwile vito lerintshwa
.text-left
na.text-right
ku ya eka.text-start
na.text-end
.
- Ku thyiwile vito lerintshwa
-
Ku tshovekaKu tshikisa margin ya negative hi ku tiyimisela.
-
Ku engeteriwe
.bg-body
tlilasi leyintshwa yo hatlisa ku veka<body>
's background eka swiaki leswi engetelekeke. -
Ku engeteriwe switirhisiwa leswintshwa swa xiyimo xa
top
,right
,bottom
, naleft
. Mimpimo yi katsa0
,50%
, na100%
ya nhundzu yin’wana na yin’wana. -
Ku engeteriwe swintshwa
.translate-middle-x
&.translate-middle-y
switirhisiwa eka horizontally kumbe vertically center absolute/fixed positioned elements. -
Ku engeteriwe
border-width
switirhisiwa leswintshwa . -
Ku tshovekaKu thyiwile vito lerintshwa
.text-monospace
ri va.font-monospace
. -
Ku tshovekaKu susiwile
.text-hide
tani hi leswi ku nga ndlela ya khale yo fihla tsalwa leri nga ha fanelangiki ku tirhisiwa. -
Ku engeteriwe
.fs-*
switirhisiwa swafont-size
switirhisiwa (leswi RFS yi tirhisiweke). Leswi swi tirhisa xikalo lexi fanaka na tinhlokomhaka ta xiviri ta HTML (1-6, letikulu ku ya eka letitsongo), naswona ti nga cinciwa hi ku tirhisa mepe wa Sass. -
Ku tshovekaKu thyiwile mavito lamantshwa
.font-weight-*
ya switirhisiwa tanihi.fw-*
ku komisa na ku nga cinci. -
Ku tshovekaKu thyiwile mavito lamantshwa
.font-style-*
ya switirhisiwa tanihi.fst-*
ku komisa na ku nga cinci. -
Ku engeteriwile
.d-grid
ku kombisa switirhisiwa na switirhisiwa leswintshwagap
(.gap
) swa CSS Grid na flexbox layouts. -
Ku tshovekaKu susiwile
.rounded-sm
narounded-lg
, naswona ku nghenise xikalo lexintshwa xa titlilasi,.rounded-0
ku.rounded-3
. Vona #31687 . -
Ku engeteriwe
line-height
switirhisiwa leswintshwa:.lh-1
,.lh-sm
,.lh-base
na.lh-lg
. Vona laha . -
Ku rhurhise
.d-none
xitirhisiwa eka CSS ya hina ku xi nyika ntiko wo tala ku tlula switirhisiwa swin’wana swa nkombiso. -
Ku andlale
.visually-hidden-focusable
mupfuni ku tlhela a tirha eka swibye, hi ku tirhisa:focus-within
.
Vapfuni
-
Ku tshoveka Vapfuni va ku nghenisa lava hlamulaka va thyiwile mavito lamantshwa ku va vapfuni va ratio lava nga na mavito lamantshwa ya tlilasi na mahanyelo lama antswisiweke, xikan’we na xihlawulekisi xa CSS lexi pfunaka.
- Titlilasi ti thyiwile mavito lamantshwa leswaku ti cinca
by
ti vax
eka mpimo wa xivumbeko. Hi xikombiso,.ratio-16by9
sweswi i.ratio-16x9
. - Hi hoxe
.embed-responsive-item
xihlawulekisi xa ntlawa wa na elemente hi seketela.ratio > *
xihlawulekisi xo olova. Ku hava tlilasi yin’wana leyi lavekaka, naswona mupfuni wa ratio sweswi u tirha na elemente yihi na yihi ya HTML. - Mepe
$embed-responsive-aspect-ratios
wa Sass wu thyiwile vito lerintshwa$aspect-ratios
naswona mimpimo ya wona yi olovisiwile ku katsa vito ra tlilasi na phesente tanihikey: value
mpatswa. - Swilo leswi cinca-cincaka swa CSS sweswi swi endliwile naswona swi katsiwile eka ntikelo wun’wana na wun’wana eka mepe wa Sass. Cinca
--bs-aspect-ratio
xihlawulekisi eka.ratio
ku tumbuluxa mpimo wihi na wihi wa xivumbeko xa ntolovelo .
- Titlilasi ti thyiwile mavito lamantshwa leswaku ti cinca
-
Ku tshoveka Titlilasi ta “Screen reader” sweswi i titlilasi leti “fihliweke hi mahlo” .
- Ku cince fayili ya Sass ku suka eka
scss/helpers/_screenreaders.scss
ku ya ekascss/helpers/_visually-hidden.scss
- Ku thyiwile vito lerintshwa
.sr-only
na.sr-only-focusable
ku.visually-hidden
na.visually-hidden-focusable
- Ku thyiwile vito lerintshwa
sr-only()
nasr-only-focusable()
mixins ku vavisually-hidden()
navisually-hidden-focusable()
.
- Ku cince fayili ya Sass ku suka eka
-
bootstrap-utilities.css
sweswi yi tlhela yi katsa ni vapfuni va hina. Vapfuni a va ha lavi ku nghenisiwa eka ku aka ka ntolovelo.
JavaScript
-
U tshike ku titshega hi jQuery ivi a tsala nakambe ti-plugin leswaku ti va eka JavaScript ya ntolovelo.
-
Ku tshovekaSwihlawulekisi swa datha swa tiplagi hinkwato ta JavaScript sweswi swi vekiwile hi mavito ku pfuneta ku hambanyisa ntirho wa Bootstrap eka vanhu va vunharhu na khodi ya wena. Hi xikombiso, hi tirhisa
data-bs-toggle
ematshan’weni yadata-toggle
. -
Tiplagi hinkwato sweswi ti nga amukela xihlawulekisi xa CSS tanihi xivutiso xo sungula. U nga ha hundzisela xiphemu xa DOM kumbe xihlawulekisi xihi na xihi xa CSS lexi tirhaka ku tumbuluxa xikombiso lexintshwa xa xiengetelo:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
yi nga hundzisiwa tanihi ntirho lowu amukelaka xivumbeko xa Popper xa xiviri xa Bootstrap tanihi xivutiso, leswaku u ta kota ku hlanganisa xivumbeko lexi xa xiviri hi ndlela ya wena. Swi tirha eka ti-dropdown, ti-popover, na switsundzuxo swa switirhisiwa. -
Nhlayo ya xiviri ya the
fallbackPlacements
yi cinciwile ku['top', 'right', 'bottom', 'left']
ya eka ku vekiwa ko antswa ka swiaki swa Popper. Swi tirha eka ti-dropdown, ti-popover, na switsundzuxo swa switirhisiwa. -
Ku susiwile xitlhokovetselo xa le hansi eka tindlela ta mani na mani ta static to fana na
_getInstance()
→getInstance()
.