Okusenguka okudda ku v5
Londoola era weetegereze enkyukakyuka mu fayiro z'ensibuko ya Bootstrap, ebiwandiiko, n'ebitundu okukuyamba okusenguka okuva ku v4 okudda ku v5.
Ebisinziirwako
- Yasuuliddwa jQuery.
- Yalongoosebwa okuva ku Popper v1.x okudda ku Popper v2.x.
- Yakyusa Libsass ne Dart Sass nga Sass compiler yaffe eyaweebwa Libsass yali efuuse deprecated.
- Yasenguka okuva e Jekyll okudda e Hugo olw'okuzimba ebiwandiiko byaffe
Obuwagizi bwa Browser
- Yasuula Internet Explorer 10 ne 11
- Esuuliddwa Microsoft Edge < 16 (Edge ey'edda) .
- Yasuuliddwa Firefox < 60
- Safari eyasuuliddwa < 12
- Yasuuliddwa iOS Safari < 12
- Chrome eyasuuliddwa < 60
Ebiwandiiko bikyuka
- Olupapula lw'awaka oluzzeemu okukolebwa, ensengeka y'ebiwandiiko, n'ekiwandiiko wansi.
- Yayongeddeko ekitabo ekipya eky'Ebipapula .
- Yayongeddeko ekitundu ekipya Customize , okudda mu kifo kya v4's Theming page , n'ebipya ebikwata ku Sass, enkola z'okusengeka ensi yonna, ensengeka za langi, enkyukakyuka za CSS, n'ebirala.
- Yaddamu okutegeka ebiwandiiko byonna ebya foomu mu kitundu ekipya ekya Foomu , okumenyaamenya ebirimu mu mpapula ezisinga okussa essira.
- Mu ngeri y’emu, yalongoosa ekitundu Layout , okusobola okufuula ebirimu mu grid mu ngeri entegeerekeka obulungi.
- Omuko gw’ekitundu gwakyusibwa erinnya ne gufuuka “Navs & Tabs”.
- Omuko gwakyusibwa erinnya ne gufuuka “Checks & radios”.
- Yaddamu okukola navbar era ne twongerako subnav empya okusobola okwanguyiza okutambula ku mikutu gyaffe ne docs versions.
- Yayongeddeko enkola empya eya kiiboodi ey'ekifo ky'okunoonya: Ctrl + /.
Sass nga bwe kiri
-
Tusuddewo okugatta kwa maapu kwa Sass okusookerwako okwanguyiza okuggyawo emiwendo egy'enjawulo. Kuuma mu birowoozo kati olina okunnyonnyola emiwendo gyonna mu maapu za Sass nga
$theme-colors
. Laba engeri gy'okola ku maapu za Sass . -
OkumenyaOkukyusa erinnya lya
color-yiq()
function n'enkyukakyuka ezikwatagana kucolor-contrast()
nga bwe kitakyakwatagana na YIQ colorspace. Laba #30168.$yiq-contrasted-threshold
kikyusibwa erinnya ne kifuulibwa$min-contrast-ratio
.$yiq-text-dark
era$yiq-text-light
nga zikyusibwa amannya ne zifuuka$color-contrast-dark
ne$color-contrast-light
.
-
OkumenyaMedia query mixins parameters zikyuse olw'enkola esingako ensonga.
media-breakpoint-down()
ekozesa ekifo eky'okumenya kyennyini mu kifo ky'okumenya okuddako (okugeza,media-breakpoint-down(lg)
mu kifo ky'ebifo eby'okulabamedia-breakpoint-down(md)
eby'ebigendererwa ebitono okusingalg
).- Mu ngeri y’emu, parameter eyokubiri mu
media-breakpoint-between()
era ekozesa breakpoint yennyini mu kifo ky’okumenya okuddako (okugeza,media-between(sm, lg)
mu kifo ky’ebifo eby’okulabamedia-breakpoint-between(sm, md)
ebigendererwa wakatism
nelg
).
-
OkumenyaGgyawo emisono gy'okukuba ebitabo
$enable-print-styles
n'enkyukakyuka. Ebisulo by’okulaga okukuba ebitabo bikyaliwo. Laba #28339 . -
OkumenyaDepped
color()
,theme-color()
, negray()
functions nga ziwagira enkyukakyuka. Laba #29083 . -
OkumenyaEnkola eyakyusibwa erinnya
theme-color-level()
okutuukacolor-level()
era kati ekkiriza langi yonna gy’oyagala mu kifo kya$theme-color
langi zokka. Laba #29083 Weegendereze:color-level()
oluvannyuma yasuulibwa muv5.0.0-alpha3
. -
OkumenyaYakyusibwa erinnya
$enable-prefers-reduced-motion-media-query
era$enable-pointer-cursor-for-buttons
eri$enable-reduced-motion
n’okubeera$enable-button-pointers
mu bufunze. -
OkumenyaYaggyewo ekirungo kya
bg-gradient-variant()
mixin. Kozesa.bg-gradient
ekibiina okwongera gradients ku elements mu kifo kya.bg-gradient-*
classes ezikoleddwa. -
Okumenya Ggyawo mixins ezaali zikozesebwa emabegako:
hover
,hover-focus
,plain-hover-focus
, nehover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(era yasuula ekibiina ky’omugaso ekikwatagana,.text-hide
)visibility()
form-control-focus()
-
Okumenya
scale-color()
Omulimu gukyusiddwa erinnyashift-color()
okwewala okutomeragana n'omulimu gwa Sass yennyini ogw'okugerageranya langi. -
box-shadow
mixins kati zikkirizanull
emiwendo n'okugwanone
okuva mu nsonga eziwera. Laba #30394 . -
Mixin
border-radius()
kati erina omuwendo ogusookerwako.
Enkola ya langi
-
Enkola ya langi eyakola ne
color-level()
era$theme-color-interval
n’eggyibwawo n’ewagira enkola ya langi empya. Byonnalighten()
n'emirimudarken()
mu codebase yaffe bikyusibwamutint-color()
neshade-color()
. Emirimu gino gijja kutabula langi oba enjeru oba enjeru mu kifo ky’okukyusa obutangaavu bwayo ku muwendo ogugere. Theshift-color()
will either tint oba shade a color okusinziira ku oba weight parameter yaayo positive oba negative. Laba #30622 okumanya ebisingawo. -
Yayongeddeko langi empya n’ebisiikirize ku buli langi, okuwa langi mwenda ez’enjawulo ku buli langi ey’omusingi, nga enkyukakyuka za Sass empya.
-
Okwawukana kwa langi okulongooseddwa. Bumped color contrast ratio okuva ku 3:1 okutuuka ku 4.5:1 ne updated langi za bbulu, green, cyan, ne pink okukakasa WCAG 2.1 AA contrast. Era yakyusa langi yaffe eya langi okuva
$gray-900
ku$black
. -
Okusobola okuwagira enkola yaffe eya langi, twongeddeko enkola empya
tint-color()
n’emirimushade-color()
okutabula langi zaffe mu ngeri esaanidde.
Ebipya ebifulumiziddwa mu giridi
-
Ekifo ekipya eky'okumenyawo!
xxl
Yayongeddeko breakpoint empya for1400px
and up. Tewali nkyukakyuka mu bifo ebirala byonna eby’okumenya. -
Emifulejje egyalongooseddwa. Gutters kati ziteekebwa mu rems, era nga nfunda okusinga v4 (
1.5rem
, oba nga24px
, wansi okuva30px
). Kino kikwataganya emidumu gyaffe egya grid n’ebikozesebwa byaffe eby’okuteeka ebanga.- Yayongeddeko ekibiina ekipya eky’emidumu (
.g-*
,.gx-*
, ne.gy-*
) okufuga emidumu egy’okwesimbye/ egy’okwesimbye, emifulejje egy’okwesimbye, n’emidumu egy’okwesimbye. - OkumenyaYakyusibwa erinnya
.no-gutters
okutuuka.g-0
okukwatagana ne gutter utilities empya.
- Yayongeddeko ekibiina ekipya eky’emidumu (
-
Ennyiriri tezikyakola
position: relative
, kale oyinza okwongera.position-relative
ku bintu ebimu okuzzaawo enneeyisa eyo. -
OkumenyaYasuula kiraasi eziwerako ezatera
.order-*
okugenda nga tezikozesebwa. Kati tuwaayo.order-1
to.order-5
out of the box yokka. -
OkumenyaYasudde
.media
ekitundu nga bwe kiyinza okwanguyirwa okukoppa n'ebikozesebwa. Laba #28265 n'olupapula lwa flex utilities okufuna ekyokulabirako . -
Okumenya
bootstrap-grid.css
kati ekolabox-sizing: border-box
ku mpagi yokka mu kifo ky'okuddamu okuteekawo global box-sizing. Mu ngeri eno, emisono gyaffe egya grid gisobola okukozesebwa mu bifo ebisingawo awatali kutaataaganyizibwa. -
$enable-grid-classes
tekyalemesa omulembe gwa kiraasi za konteyina. Laba #29146. -
Yalongoosa
make-col
mixin okubeera default ku mpagi ezenkanankana awatali sayizi eragiddwa.
Ebirimu, Reboot, n’ebirala
-
RFS kati ekoleddwa nga bwe kibadde. Emitwe
font-size()
egy'okukozesa mixin gijja kulongoosa gyabwefont-size
okutuuka ku minzaani n'ekifo eky'okulaba. Ekintu kino emabegako kyali kya opt-in ne v4. -
OkumenyaYalongoosa ensengeka yaffe ey’okulaga okukyusa
$display-*
enkyukakyuka zaffe era ne$display-font-sizes
tussaako maapu ya Sass. Era yaggyawo$display-*-weight
enkyukakyuka ssekinnoomu ku s emu$display-font-weight
era n’atereezebwafont-size
. -
.display-*
Yayongeddeko sayizi z’emitwe emipya bbiri ,.display-5
ne.display-6
. -
Enkolagana ziteekebwako akabonero wansi nga bwe kibadde (si ku hover yokka), okuggyako nga ziri kitundu kya bitundu ebitongole.
-
Emmeeza eziddamu okukolebwa okuzza obuggya emisono gyazo n’okuddamu okuzizimba n’enkyukakyuka za CSS okusobola okufuga ennyo sitayiro.
-
OkumenyaEmmeeza eziteekeddwa mu kisenge tezikyasikira sitayiro.
-
Okumenya
.thead-light
era.thead-dark
zisuulibwa nga ziwagira.table-*
ebika by’enjawulo ebiyinza okukozesebwa ku bintu byonna eby’emmeeza (thead
,tbody
,tfoot
,tr
,th
netd
). -
OkumenyaMixin
table-row-variant()
ekyusibwa erinnya okutuukatable-variant()
era ekkiriza parameters 2 zokka:$color
(erinnya lya langi) ne$value
(color code). Langi y’ensalosalo ne langi z’ennyiriri zibalirirwa mu ngeri ey’otoma okusinziira ku nkyukakyuka z’ensonga z’emmeeza. -
Gabanya enkyukakyuka za padding ez'obutoffaali bw'emmeeza mu
-y
ne-x
. -
OkumenyaYasuula
.pre-scrollable
ekibiina. Laba #29135 -
Okumenya
.text-*
utilities tezikyagattako hover ne focus states ku links..link-*
ebibiina by’abayambi bisobola okukozesebwa mu kifo ky’ekyo. Laba #29267 -
OkumenyaYasuula
.text-justify
ekibiina. Laba #29793 -
Reset default horizontal
padding-left
on<ul>
ne<ol>
elements okuva ku browser default40px
okudda ku2rem
. -
Added
$enable-smooth-scroll
, ekolascroll-behavior: smooth
mu nsi yonna —okuggyako abakozesa okusaba okukendeeza ku ntambula nga bayita muprefers-reduced-motion
kubuuza emikutu. Laba #31877
RTL
- Horizontal direction specific variables, utilities, ne mixins byonna bikyusiddwa amannya okukozesa eby’obugagga ebitegeerekeka nga ebyo ebisangibwa mu flexbox layouts—okugeza,
start
neend
mu kifo kyaleft
neright
.
Ffoomu
-
Yayongeddeko ffoomu empya ezitengejja! Tutumbula ekyokulabirako kya Floating labels ku bitundu bya ffoomu ebiwagirwa mu bujjuvu. Laba omuko omupya ogwa Floating labels.
-
Okumenya Ebintu ebigattibwa mu ffoomu enzaaliranwa n’ey’ennono. Checkboxes, radios, selects, n'ebiyingizibwa ebirala ebyalina native ne custom classes mu v4 bibadde bigatta. Kati kumpi ebintu byaffe byonna ebya ffoomu biba bya custom ddala, ebisinga tebyetaagisa HTML eya custom.
.custom-check
kati ye.form-check
..custom-check.custom-switch
kati ye.form-check.form-switch
..custom-select
kati ye.form-select
..custom-file
era.form-file
zikyusiddwa ne zifuulibwa emisono egy’ennono waggulu ku.form-control
..custom-range
kati ye.form-range
.- Yasuuliddwa enzaalwa
.form-control-file
era.form-control-range
.
-
OkumenyaYasuulibwa
.input-group-append
era.input-group-prepend
. Kati osobola okumala okugattako buttons era.input-group-text
nga abaana obutereevu ab'ebibinja by'okuyingiza. -
The longstanding Missing border radius on input group with validation feedback bug esembayo okutereezebwa nga kwongerako
.has-validation
kiraasi ey'okugatta ku bibinja by'okuyingiza ebirina okukakasa. -
Okumenya Yasuula ebibiina by'ensengeka ebikwata ku ffoomu ku nkola yaffe eya grid. Kozesa grid yaffe n'ebikozesebwa mu kifo kya
.form-group
,.form-row
, oba.form-inline
. -
OkumenyaEbiwandiiko ebiwandiikibwako foomu kati byetaaga
.form-label
. -
Okumenya
.form-text
no longer setsdisplay
, okukusobozesa okukola mu layini oba okuziyiza ekiwandiiko ky'obuyambi nga bw'oyagala nga okyusa ekintu kya HTML kyokka. -
Ebifaananyi by'okukakasa tebikyakozesebwa ku
<select>
s nemultiple
. -
Fayiro za Sass ez'ensibuko zizzeemu okusengekebwa wansi wa
scss/forms/
, nga mw'otwalidde n'emisono gy'ebibinja by'okuyingiza.
Ebitundu ebikola omubiri
- Emiwendo
padding
egy’omuggundu egy’okulabula, ebikuta by’omugaati, kaadi, ebikka wansi, ebibinja by’olukalala, modals, popovers, n’ebikozesebwa okusinziira ku$spacer
nkyukakyuka yaffe. Laba #30564 .
Accordion
- Yayongeddeko ekitundu ekipya ekya accordion .
Okulabula
-
Okulabula kati kulina ebyokulabirako ebiriko ebifaananyi .
-
Ggyawo emisono egy'ennono egya
<hr>
s mu buli kulabula okuva lwe bakozesa eddacurrentColor
.
Baagi za Baagi
-
OkumenyaYasuula
.badge-*
kiraasi zonna eza langi ez'ebikozesebwa eby'emabega (okugeza, kozesa.bg-primary
mu kifo kya.badge-primary
). -
OkumenyaEsuuliddwa
.badge-pill
—kozesa ekintu.rounded-pill
eky’omugaso mu kifo ky’ekyo. -
OkumenyaGgyawo emisono gya hover ne focus for
<a>
ne<button>
elements. -
Okwongera ku padding ezisookerwako ku badge okuva ku
.25em
/.5em
okutuuka ku.35em
/.65em
.
Ebikuta by’omugaati
-
Yanguyiza endabika eya bulijjo ey'ebikuta by'omugaati ng'aggyawo
padding
,background-color
, neborder-radius
. -
Yayongeddeko ekintu ekipya eky'ennono ekya CSS
--bs-breadcrumb-divider
okusobola okulongoosa okwangu nga tekyetaagisa kuddamu kukungaanya CSS.
Ebikondo ebiyitibwa Buttons
-
Okumenya Toggle buttons , nga zirina checkboxes oba radios, tezikyetaaga JavaScript era zirina markup empya. Tetukyetaaga elementi ya kuzinga, twongerako
.btn-check
ku<input>
, ne tugigatta ne.btn
kiraasi zonna ku<label>
. Laba #30650 . Docs za kino zivudde ku mukutu gwaffe ogwa Buttons okudda ku kitundu ekipya ekya Forms. -
Okumenya Yasuuliddwa
.btn-block
olw’ebikozesebwa. Mu kifo ky’okukozesa.btn-block
ku.btn
, zingako buttons zo.d-grid
ne n’ekintu.gap-*
ekiyamba okuziteeka mu bbanga nga bwe kyetaagisa. Kyusa ku kiraasi eziddamu okufuna obuyinza obusingako ku zo. Soma docs okufuna ebyokulabirako ebimu. -
Updated our
button-variant()
nebutton-outline-variant()
mixins okuwagira parameters endala. -
Butaamu ezitereezeddwa okukakasa nti enjawulo yeeyongedde ku hover ne active states.
-
Butaamu ezilema kati zirina
pointer-events: none;
.
Kaadi
-
OkumenyaYagwa
.card-deck
mu favor ya grid yaffe. Zinga kaadi zo mu bibiina by’ennyiriri era osseeko ekintu ekizadde.row-cols-*
okuddamu okukola ddeeke za kaadi (naye ng’olina obuyinza obusingawo ku kulaganya okuddamu). -
OkumenyaYasuulibwa
.card-columns
ng’awagira Masonry. Laba #28922 . -
OkumenyaYakyusa
.card
accordion eyasinziira n'assaamu ekitundu kya Accordion ekipya .
Ekyuma ekiyitibwa Carousel
-
Yayongeddeko
.carousel-dark
enkyukakyuka empya ey'ebiwandiiko ebiddugavu, ebifuga, n'ebiraga (kirungi nnyo ku mugongo omutangaavu). -
Yakyusa ebifaananyi bya chevron eby'okufuga carousel ne SVG empya okuva mu Bootstrap Icons .
Ggalawo bbaatuuni
-
OkumenyaYakyusibwa erinnya
.close
ne lifuuka.btn-close
erinnya eritali lya bulijjo nnyo. -
Close buttons kati zikozesa a
background-image
(embedded SVG) mu kifo kya a×
mu HTML, okusobozesa okulongoosa okwangu nga tekyetaagisa kukwata ku markup yo. -
Yayongeddeko
.btn-close-white
enkyukakyuka empya ekozesafilter: invert(1)
okusobozesa ebifaananyi eby’okugoba eby’enjawulo ebya waggulu ku mugongo oguddugavu.
Okuzirika
- Ggyawo scroll anchoring ku accordions.
Ebintu ebigwa wansi
-
Yayongeddeko
.dropdown-menu-dark
enkyukakyuka empya n'enkyukakyuka ezikwatagana ku on-demand dark dropdowns. -
Yayongeddeko enkyukakyuka empya ku
$dropdown-padding-x
. -
Yazikiza ekigabanya ekigwa wansi okusobola okulongoosa enjawulo.
-
OkumenyaEbibaawo byonna eby'okugwa kati bitandika ku bbaatuuni y'okukyusa wansi n'oluvannyuma ne bifuumuulwa okutuuka ku kintu ekizadde.
-
Menyu ezikka kati zirina
data-bs-popper="static"
attribute eteekeddwawo nga ekifo ekikka wansi kibeera static atedata-bs-popper="none"
nga dropdown eri mu navbar. Kino kyongerwako JavaScript yaffe era kituyamba okukozesa emisono gy’ekifo egy’enjawulo awatali kutaataaganya Popper’s positioning. -
OkumenyaEsuuliddwa
flip
enkola ya dropdown plugin nga ewagira ensengeka ya Popper enzaaliranwa. Kati osobola okulemesa enneeyisa y'okufuumuula ng'oyisa ensengekera etaliimu kintu kyonnafallbackPlacements
eky'okulonda mu kukyusakyusa . -
Menyu ezikka kati zisobola okunyigibwa n'enkola empya
autoClose
okukwata enneeyisa y'okuggalawo okw'obwengula . Osobola okukozesa enkola eno okukkiriza okunyiga munda oba ebweru wa menu ekka okugifuula ey’okukwatagana. -
Dropdowns kati ziwagira
.dropdown-item
s ezizingiddwa mu<li>
s.
Ekirungo kya Jumbotron
- OkumenyaYasudde ekitundu kya jumbotron nga bwe kisobola okukoppebwa ne utilities. Laba ekyokulabirako kyaffe ekipya ekya Jumbotron okufuna demo.
Olukalala lw'ekibinja
.list-group-numbered
Yayongeddeko omukyusa omupya ku lukalala lw'ebibinja.
Navs ne tabs
null
Yayongeddeko enkyukakyuka empya ezafont-size
,font-weight
,color
, ne:hover
color
mu.nav-link
kiraasi.
Navbars
- OkumenyaNavbars kati zeetaaga ekintu ekiri munda (okusobola okwanguyiza ennyo ebyetaago by'okuteeka ebanga ne CSS eyeetaagisa).
Okuva ku kanvaasi
- Yayongeddeko ekitundu ekipya ekya offcanvas .
Okuwandiika empapula
-
Pagination links kati zirina customizable
margin-left
ezibeera dynamically rounded ku nsonda zonna nga zaawulwa ku ndala. -
Yayongeddeko
transition
s ku nkolagana z'okukuba empapula.
Popovers eziyitibwa Popovers
-
OkumenyaYakyusibwa erinnya
.arrow
eri.popover-arrow
mu kifaananyi kyaffe ekya popover ekisookerwako. -
Ekyokulonda ekyusiddwa
whiteList
erinnya ne kifuukaallowList
.
Abavuzi b’ebiwujjo
-
Spinners kati bassa ekitiibwa
prefers-reduced-motion: reduce
nga bakendeeza ku animations. Laba #31882 . -
Okulongoosa spinner vertical alignment.
Ebiwoomerera
-
Toasts kati zisobola okuteekebwa mu a
.toast-container
nga oyambibwako positioning utilities . -
Yakyusa obudde bwa toast obusookerwako okutuuka ku sikonda 5.
-
Eggyibwa
overflow: hidden
mu tositi n’ekyusibwamu neborder-radius
s entuufu ng’erinacalc()
emirimu.
Ebikozesebwa
-
OkumenyaYakyusibwa erinnya
.arrow
eri.tooltip-arrow
mu kifaananyi kyaffe eky'okukozesa ekisookerwako. -
OkumenyaOmuwendo ogusookerwako ogwa the
fallbackPlacements
gukyusibwa okudda ku['top', 'right', 'bottom', 'left']
for better placement of popper elements. -
OkumenyaEkyokulonda ekyusiddwa
whiteList
erinnya ne kifuukaallowList
.
Ebikozesebwa
-
OkumenyaYakyusa amannya g'ebikozesebwa ebiwerako okukozesa amannya g'ebintu ebitegeerekeka mu kifo ky'amannya ag'obulagirizi nga kwogasse obuwagizi bwa RTL:
- Yakyusibwa erinnya
.left-*
ne.right-*
eri.start-*
ne.end-*
. - Yakyusibwa erinnya
.float-left
ne.float-right
eri.float-start
ne.float-end
. - Yakyusibwa erinnya
.border-left
ne.border-right
eri.border-start
ne.border-end
. - Yakyusibwa erinnya
.rounded-left
ne.rounded-right
eri.rounded-start
ne.rounded-end
. - Yakyusibwa erinnya
.ml-*
ne.mr-*
eri.ms-*
ne.me-*
. - Yakyusibwa erinnya
.pl-*
ne.pr-*
eri.ps-*
ne.pe-*
. - Yakyusibwa erinnya
.text-left
ne.text-right
eri.text-start
ne.text-end
.
- Yakyusibwa erinnya
-
OkumenyaEremesezza margins negativu nga bwe kibadde.
-
Yayongeddeko kiraasi empya
.bg-body
ey'okuteeka amangu<body>
's background ku elementi ez'okwongerako. -
Yayongeddeko ebikozesebwa ebipya eby'ekifo ku
top
,right
,bottom
, neleft
. Emiwendo mulimu0
,50%
, ne100%
ku buli kintu. -
Yayongeddeko ebipya
.translate-middle-x
&.translate-middle-y
ebikozesebwa ku horizontally oba vertically wakati absolute/fixed positioned elements. -
Yayongeddeko
border-width
ebikozesebwa ebipya . -
OkumenyaYakyusibwa erinnya
.text-monospace
n'efuulibwa.font-monospace
. -
OkumenyaEggyiddwawo
.text-hide
nga bweri enkola enkadde ey'okukweka ebiwandiiko ebitalina kuddamu kukozesebwa. -
Yayongeddeko
.fs-*
ebikozesebwa kufont-size
bikozesebwa (nga RFS ekoleddwa). Bino bikozesa minzaani y’emu n’emitwe gya HTML egy’enjawulo (1-6, eminene okutuuka ku mitono), era gisobola okukyusibwa okuyita mu maapu ya Sass. -
OkumenyaEbikozesebwa bikyusiddwa amannya
.font-weight-*
nga.fw-*
ku bufunze n’obutakyukakyuka. -
OkumenyaEbikozesebwa bikyusiddwa amannya
.font-style-*
nga.fst-*
ku bufunze n’obutakyukakyuka. -
Yayongerwako
.d-grid
okulaga ebikozesebwa n'ebikozesebwa ebipyagap
(.gap
) ku CSS Grid ne flexbox layouts. -
OkumenyaYaggyibwawo
.rounded-sm
nerounded-lg
, era n’aleeta omutendera omupya ogw’ebibiina,.rounded-0
okutuuka ku.rounded-3
. Laba #31687 . -
Yayongeddeko
line-height
ebikozesebwa ebipya:.lh-1
,.lh-sm
,.lh-base
ne.lh-lg
. Laba wano . -
Yatambuza
.d-none
utility mu CSS yaffe okugiwa obuzito obusingako ku utilities endala ez'okulaga. -
Yagaziya
.visually-hidden-focusable
omuyambi okukola ne ku konteyina, ng’akozesa:focus-within
.
Abayambi
-
Okumenya Abayambi b’okuyingiza abaddamu bakyusiddwa amannya ne bafuulibwa abayambi b’omugerageranyo nga balina amannya g’ekibiina amapya n’enneeyisa ezirongooseddwa, awamu n’enkyukakyuka ya CSS eyamba.
- Ebisulo bikyusiddwa amannya okukyusibwa
by
okuddax
mu mugerageranyo gw’ebifaananyi. Okugeza,.ratio-16by9
kati ye.ratio-16x9
. .embed-responsive-item
Tusuddewo ekisunsula ekibinja kya ne elementi nga tuwagira.ratio > *
ekisunsula eky'angu. Tekyetaagisa kiraasi ndala, era omuyambi w'omugerageranyo kati akola n'ekintu kyonna ekya HTML.- Maapu ya
$embed-responsive-aspect-ratios
Sass ekyusiddwa erinnya okutuuka$aspect-ratios
era emiwendo gyayo gyanguyiziddwa okussaamu erinnya lya kiraasi n’ebitundu ku kikumi ngakey: value
pair. - Enkyukakyuka za CSS kati zikolebwa era ne ziteekebwa ku buli muwendo mu maapu ya Sass. Kyuusa
--bs-aspect-ratio
enkyukakyuka ku.ratio
okukola omugerageranyo gwonna ogw'ensonga ogw'ennono .
- Ebisulo bikyusiddwa amannya okukyusibwa
-
Okumenya Ebisulo bya “Screen reader” kati biba bibiina “ebikwekebwa mu ngeri erabika” .
- Yakyusa fayiro ya Sass okuva
scss/helpers/_screenreaders.scss
kuscss/helpers/_visually-hidden.scss
- Yakyusibwa erinnya
.sr-only
ne.sr-only-focusable
ku.visually-hidden
ne.visually-hidden-focusable
- Yakyusibwa erinnya
sr-only()
nesr-only-focusable()
mixins okutuukavisually-hidden()
nevisually-hidden-focusable()
.
- Yakyusa fayiro ya Sass okuva
-
bootstrap-utilities.css
kati era mulimu n’abayambi baffe. Abayambi tebakyakwetaaga kuyingizibwa mu custom builds.
JavaScript
-
Yasuula okwesigamizibwa kwa jQuery era n'addamu okuwandiika plugins okubeera mu JavaScript eya bulijjo.
-
OkumenyaData attributes za JavaScript plugins zonna kati ziteekeddwa mu mannya okuyamba okwawula enkola ya Bootstrap okuva ku bantu ab’okusatu ne code yo. Okugeza, tukozesa
data-bs-toggle
mu kifo kyadata-toggle
. -
Plugins zonna kati zisobola okukkiriza CSS selector nga argument esooka. Osobola okuyisa ekintu kya DOM oba ekisunsula kyonna ekya CSS ekituufu okukola ekifaananyi ekipya ekya plugin:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
esobola okuyisibwa nga omulimu ogukkiriza ensengeka ya Popper eya Bootstrap eya bulijjo nga ensonga, osobole okugatta ensengeka eno esookerwako mu ngeri yo. Ekwata ku dropdowns, popovers, ne totips z'ebikozesebwa. -
Omuwendo ogusookerwako ogwa the
fallbackPlacements
gukyusibwa okudda ku['top', 'right', 'bottom', 'left']
for better placement of Popper elements. Ekwata ku dropdowns, popovers, ne totips z'ebikozesebwa. -
Ggyawo underscore okuva mu nkola za public static nga
_getInstance()
→getInstance()
.