Gara v5tti godaanuu
Jijjiiramoota faayilii madda Bootstrap, galmeewwanii fi qaamolee v4 irraa gara v5tti akka godaansitu si gargaaruuf hordofi fi gamaaggami.
Hirkatummaa
- jQuery gadi dhiise.
- Popper v1.x irraa gara Popper v2.x tti ol guddate.
- Libsass Dart Sass tiin bakka buuse akka qindeessaa Sass keenyaa Libsass kennameef hojiirra oole.
- Dokumantarii keenya ijaaruuf Jekyll irraa gara Hugotti godaane
Deeggarsa biraawzari
- Internet Explorer 10 fi 11 gadi dhiise
- Microsoft Edge < 16 (Legacy Edge) kan gadi bu'e .
- Firefox < 60 gadi dhiise
- Safarii gadi bu'e < 12
- Safari iOS < 12 gadi bu'e
- Chrome < 60 gadi bu'e
Jijjiirama galmee
- Fuula jalqabaa, haalata docs, fi jalaqaba irra deebi'amee hojjetame.
- Qajeelfama Parcel haaraa dabalame .
- Kutaa Dhuunfachiisi haaraa dabale , fuula Mata duree v4 bakka bu'e , ibsa haaraa Sass irratti, filannoowwan qindeessaa addunyaa, iskiimota halluu, jijjiiramoota CSS, fi kkf.
- Galmee unkaa hunda gara kutaa Unkaalee haaraatti irra deebi'ee qindeesse , qabiyyee gara fuula caalaatti xiyyeeffannoo qabanitti addaan baase.
- Haaluma walfakkaatuun, kutaa Haalata haaromse , qabiyyee tarjaa ifatti foon gochuuf.
- Fuula qaama “Navs” gara “Navs & Tabs”tti jijjiire.
- Fuula “Checks” jedhu gara “Checks & radios”tti jijjiire.
- Navbar irra deebi'ee dizaayinii godhee subnav haaraa dabalee marsariitiiwwan keenyaa fi gosoota docs keenyaa salphaatti akka naanna'an gochuuf.
- Dirree barbaachaaf karaa gabaabaa gabatee furtuu haaraa dabalame: Ctrl + /.
Sass jedhama
-
Gatii barbaachisoo ta'an salphaatti haquuf walitti makamuu kaartaa Sass durtii ditched gooneerra. Yaada keessa galchi amma gatiiwwan hunda kaartaa Sass keessatti akka
$theme-colors
. Akkaataa kaartaa Sass itti qabdu ilaalaa . -
Cabsuu
color-yiq()
Faankishinii fi jijjiiramoota walqabatancolor-contrast()
akka kana booda iddoo halluu YIQ waliin wal hin qabanneef maqaa jijjiire . #30168 ilaali.$yiq-contrasted-threshold
maqaan isaa gara$min-contrast-ratio
.$yiq-text-dark
fi$yiq-text-light
akkaataa wal duraa duubaan gara$color-contrast-dark
fi$color-contrast-light
.
-
CabsuuParameetaroota mixins gaaffii miidiyaa mala loojikii caalaa jijjiiramaniiru.
media-breakpoint-down()
bakka cabbii itti aanu osoo hin taane qabxii ciccituu ofii isaa fayyadama (fkn,media-breakpoint-down(lg)
bakkamedia-breakpoint-down(md)
targets viewports xiqqaa caalaalg
).- Haaluma walfakkaatuun, paarameetirri lammaffaan in
media-breakpoint-between()
akkasumas bakka cabbii itti aanu bakka cabbii mataa isaa fayyadama (fkn,media-between(sm, lg)
bakkamedia-breakpoint-between(sm, md)
targets viewports gidduuttism
filg
).
-
CabsuuAkkaataa maxxansaa fi
$enable-print-styles
jijjiiramaa haqameera. Kutaawwan agarsiisa maxxansaa ammallee naannoo jiru. #28339 ilaali . -
Cabsuu
color()
,theme-color()
, fi faankishiniiwwangray()
jijjiiramoota fayyadu gadi dhiise. #29083 ilaali . -
Cabsuu
theme-color-level()
Faankishiniin maqaa jijjiirame gara ficolor-level()
amma halluuwwan qofa osoo hin taane halluu barbaadde kamiyyuu fudhata$theme-color
. #29083 ilaali Of eeggadhu:color-level()
boodarra gadi bu'ev5.0.0-alpha3
. -
CabsuuMaqaa jijjiirraa
$enable-prefers-reduced-motion-media-query
fi$enable-pointer-cursor-for-buttons
gara$enable-reduced-motion
fi$enable-button-pointers
gabaabsuuf. -
CabsuuMiksiin sana
bg-gradient-variant()
buqqise..bg-gradient
Gitaawwan uumaman osoo hin taane qaamolee irratti garaagarummaa dabaluudhaaf gita fayyadami.bg-gradient-*
. -
Cabsuu Miksiinota duraan hin fayyadamne haqaman:
hover
,hover-focus
,plain-hover-focus
, fihover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(akkasumas gita faayidaa walqabatee jiru gadi dhiise,.text-hide
)visibility()
form-control-focus()
-
Cabsuu
scale-color()
Faankishinii garatti maqaa jijjiirame faankishiniishift-color()
iskeelii halluu Sass mataa isaa waliin walitti bu'iinsa akka hin qabneef. -
box-shadow
mixins ammanull
gatiiwwan hayyamuu finone
murfiiwwan hedduu irraa gadi bu'uu. #30394 ilaali . -
Miksiin
border-radius()
amma gatii durtii qaba.
Sirna halluu
-
Sirna halluu kan sirna halluu haaraa fayyadu waliin hojjetee
color-level()
fi$theme-color-interval
buqqa'e. Hundilighten()
fidarken()
faankishiniiwwan koodii keenya keessa jirantint-color()
fi tiin bakka bu'ushade-color()
. Faankishiniiwwan kun salphaa ta'uu isaa hamma murtaa'een jijjiiruu mannaa halluu adii yookiin gurraacha waliin ni makamu. Paarameetariinshift-color()
ulfaatina isaa pozaatiivii yookiin negaatiivii ta'uu isaa irratti hundaa'uun halluu tokko ni halluu yookiin golgaa ni taasisa. Bal'ina isaaf #30622 ilaali . -
Halluu hundaaf halluu fi golgaa haaraa dabale, tokkoon tokkoo halluu bu'uuraatiif halluu adda addaa sagal kenne, akka jijjiiramoota Sass haaraatti.
-
Faallaa halluu fooyya'e. Reeshiyoo walfaallaa halluu 3:1 irraa gara 4.5:1tti bumped fi halluuwwan halluu diimaa, magariisa, saayinii, fi roobaa haaromfamee WCAG 2.1 AA walfaallaa mirkaneessuu. Akkasumas halluu walfaallaa halluu keenyaa irraa
$gray-900
gara jijjiire$black
. -
Sirna halluu keenya deeggaruuf, halluuwwan keenya sirnaan walitti makuuf amalaafi dalagaalee
tint-color()
haaraa daballeerra .shade-color()
Fooyya'iinsa giiridii
-
Qabxii cabsuu haaraa! Breakpoint haaraa
xxl
for1400px
fi ol dabalame. Qabxiilee cabsuu biroo hunda irratti jijjiiramni hin jiru. -
Gutters fooyya'an. Gutters amma rems keessatti saagamaniiru, fi v4 (
1.5rem
, ykn waa'ee24px
, irraa gadi30px
) caalaa dhiphoo dha. Kunis gutters sirna giiridii keenyaa fi faayidaa addaan fageenyaa keenyaa wajjin walsimsiisa.- Gutters horizontal/vertical, gutters horizontal, fi gutters dhaabbataa to'achuuf gita gutter haaraa (
.g-*
,.gx-*
, fi ) dabale..gy-*
- CabsuuFaayidaa gutter haaraa wajjin akka walsimuuf
.no-gutters
maqaa jijjiirame ..g-0
- Gutters horizontal/vertical, gutters horizontal, fi gutters dhaabbataa to'achuuf gita gutter haaraa (
-
Tarjaawwan kana booda hojiirra hin oolan, kanaaf amala sana deebisuuf elementoota tokko tokko irratti
position: relative
dabaluu qabda ta'a ..position-relative
-
Cabsuu
.order-*
Kutaalee yeroo baayyee osoo hin fayyadamiin hafan hedduu gadi dhiise. Amma.order-1
to.order-5
out of the box qofa dhiyeessina. -
CabsuuFaayidaa wajjin salphaatti fakkaafamuu
.media
waan danda'uuf qaama gadi dhiise. Fakkeenyaaf #28265 fi fuula flex utilities ilaali . -
Cabsuu
bootstrap-grid.css
ammabox-sizing: border-box
safara saanduqa waliigalaa irra deebi'uu mannaa tarjaa qofa irratti hojjeta. Haala kanaan, akkaataan giiridii keenyaa bakka baay'eetti osoo gidduu hin seenin fayyadamuun ni danda'ama. -
$enable-grid-classes
kana booda dhaloota gita qabduu kana booda hin hanqisu. #29146 ilaali. -
Miksiin
make-col
gara durtii gara tarjaa walqixaatti hammangaa ifteessame malee fooyyesse.
Qabiyyee, Reboot fi kkf
-
RFS amma durtiidhan dandeessifameera. Mata dureewwan mixin fayyadaman
font-size()
ofumaan isaaniifont-size
gara iskeelii agarsiisaa wajjin sirreessa. Amalli kun kanaan dura v4 waliin opt-in ture. -
Cabsuu
$display-*
Jijjiiramoota keenya bakka buusuuf fi$display-font-sizes
kaartaa Sass tiin maxxansaa agarsiisaa keenya sirreesse. Akkasumas$display-*-weight
jijjiiramoota dhuunfaa tokkoof haqee s$display-font-weight
sirreeffame .font-size
-
.display-*
Hanga mata duree haaraa lama dabale ,.display-5
fi.display-6
. -
Hidhamtoonni durtiidhaan jala sararamu (hover qofa irratti miti), yoo qaama qaamolee murtaa'oo ta'an malee.
-
Gabateewwan akkaataa isaanii haaromsuu fi jijjiiramoota CSS waliin irra deebi'anii ijaaruuf akkaataa irratti to'annoo dabalataaf irra deebi'amee hojjetame.
-
CabsuuGabateewwan man'ee kana booda akkaataa hin dhaalan.
-
Cabsuu
.thead-light
fi gita garaagarummaa kanneen elementoota gabatee hundaaf fayyadamuu danda'an.thead-dark
fayyadu ( , , , , fi )..table-*
thead
tbody
tfoot
tr
th
td
-
CabsuuMiksiin
table-row-variant()
gara maqaa jijjiirameetable-variant()
qajoojiiwwan 2 qofa fudhata:$color
(maqaa halluu) fi$value
(koodii halluu). Halluun daangaa fi halluuwwan aksentaa jijjiiramoota factor gabatee irratti hundaa'uun ofumaan shallagamu. -
Jijjiiramoota paadiingii man'ee gabatee gara
-y
fi-x
. -
CabsuuKutaa gadi dhiise
.pre-scrollable
. #29135 ilaali -
Cabsuu
.text-*
fayyadamtoonni kana booda haalawwan hover fi xiyyeeffannoo walitti hidhamiinsa irratti hin dabalan..link-*
bakka isaa gita gargaaraa fayyadamuun ni danda’ama. #29267 ilaali -
CabsuuKutaa gadi dhiise
.text-justify
. #29793 ilaali -
Durtii qajeelaa
padding-left
irratti<ul>
fi<ol>
elementoota durtii biraawzari irraa40px
gara2rem
. -
Added
$enable-smooth-scroll
, kanscroll-behavior: smooth
akka addunyaatti hojiirra oolu-fayyadamtoota sochii hir'ifame karaaprefers-reduced-motion
gaaffii miidiyaa gaafatan malee. #31877 ilaali
RTL jedhamuun beekama
- Jijjiiramoonni addaa kallattii qajeelaa, faayidaa, fi makaawwan hundinuu amaloota loojikii akka kanneen qindaa'inoota flexbox keessatti argaman fayyadamuuf maqaa jijjiiramaniiru-fkn,
start
fiend
bakkaleft
firight
.
Unkaalee
-
Unkaalee haaraa lola'an dabalameera! Fakkeenya asxaalee lola'oo gara qaamolee unkaa guutummaatti deeggaramaniitti guddifneerra. Fuula asxaalee lola'aa haaraa ilaali.
-
Cabsuu Qaamolee unkaa dhalootaa fi amala walitti makaman. Sanduuqawwan filannoo, raadiyoowwan, filannoowwanii, fi galteewwan biroo kanneen v4 keessatti gita dhalootaa fi amala qaban walitti makamaniiru. Amma elementoonni unkaa keenya hundi jechuun ni danda'ama guutummaatti amala, irra caalaan isaanii HTML amala osoo hin barbaachisin.
.custom-check
amma.form-check
..custom-check.custom-switch
amma.form-check.form-switch
..custom-select
amma.form-select
..custom-file
akkasumas.form-file
akkaataa aadaatiin gubbaatti bakka bu'aniiru.form-control
..custom-range
amma.form-range
.- Dhalataa
.form-control-file
fi.form-control-range
.
-
CabsuuKufee
.input-group-append
fi.input-group-prepend
. Amma qaree fi.input-group-text
akka ijoollee kallattii gareewwan galtee qofa dabaluu dandeessa. -
Raadiyaasiin daangaa yeroo dheeraa garee galtee irratti dogongora yaada mirkaneessuu waliin dhabame dhuma irratti
.has-validation
gareewwan galtee mirkaneessuu qabanitti gita dabalataa dabaluudhaan sirreeffama . -
Cabsuu Sirna giiridii keenyaaf gitoota qindaa'ina unkaa addaa gadi dhiise.
.form-group
Bakka ,.form-row
, ykn giiridii fi faayidaa keenya fayyadami.form-inline
. -
CabsuuAsxaaleen unkaa amma barbaadu
.form-label
. -
Cabsuu
.form-text
kana booda hin saagidisplay
, barruu gargaarsaa sarara keessaa ykn ugguruu akka barbaaddetti qaama HTML jijjiiruu qofaan akka uumtu si dandeessisa. -
Mallattoolee mirkaneessuu kana booda
<select>
s withmultiple
. -
Faayilota Sass madda irra deebi'amee qindaa'e jalatti
scss/forms/
, akkaataa garee galtee dabalatee.
Qaamolee
- Gatii tokkoome
padding
akeekkachiisa, daabboo, kaardii, gadi bu'aa, gareewwan tarree, moodaalota, popovers, fi gorsa meeshaalee$spacer
jijjiiramaa keenya irratti hundaa'uuf. #30564 ilaali .
Akkoordiyoonii
- Qaama akkoordiyoon haaraa dabalame .
Akeekkachiisa
-
Akeekkachiisni amma fakkeenyota mallattoolee qaban qabu .
-
Akkaataawwan amala
<hr>
s tokkoon tokkoo akeekkachiisa keessatti erga isaan duraan fayyadamaniif haqameeracurrentColor
.
Baajiiwwan
-
Cabsuu
.badge-*
Faayidaa duubbeedhaaf gita halluu hunda gadi dhiise (fkn,.bg-primary
bakka fayyadami.badge-primary
). -
CabsuuGadi
.badge-pill
bu'e —bakka isaa.rounded-pill
faayilii fayyadami. -
CabsuuAkkaataawwan hover fi xiyyeeffannoo
<a>
fi<button>
elementootaaf haqameera. -
Padding durtii baajiiwwan / irraa
.25em
gara /.5em
tti.35em
dabale.65em
.
Daabboo
-
Mul'ata durtii daabboo
padding
,background-color
, fi balleessuun salphiseborder-radius
. -
--bs-breadcrumb-divider
CSS irra deebi'anii qindeessuu osoo hin barbaachisin dhuunfachiisuuf qabeentaa amala CSS haaraa dabale .
Qabduulee
-
Cabsuu Qabduu jijjiiri , sanduuqa filannoo ykn raadiyoo waliin, kana booda JaavaScript hin barbaadanii fi mallattoo haaraa qabu. Kana booda elementii marfama hin barbaannu, ,
.btn-check
irrattigita<input>
kamiyyuu. #30650 ilaali . Kanaaf docs fuula Buttons keenya irraa gara kutaa Unka haaraatti ce'eera..btn
<label>
-
Cabsuu Faayidaadhaaf
.btn-block
gadi bu'e..btn-block
, irratti fayyadamuu mannaa.btn
, qaree kee akka barbaachisummaa isaatti addaan baasuuf.d-grid
fi.gap-*
faayidaa waliin marsi. To'annoo daran isaan irratti argachuuf gara daree deebii kennuutti jijjiiri. Fakkeenya tokko tokkoof docs dubbisi. -
Parameetaroota dabalataa deeggaruuf keenya
button-variant()
fi mixins haaromse.button-outline-variant()
-
Qabduu fooyya'e kan walfaallaa dabaluu hover fi haalata socho'aa irratti mirkaneessuuf.
-
Qabduulee hanqifaman amma
pointer-events: none;
.
Kaardii
-
Cabsuu
.card-deck
Giriidii keenya fayyadu kufe . Kaardii kee gita tarjaa keessatti marsi fi qabduu warraa dabali.row-cols-*
deekii kaardii irra deebi'ii uumuuf (garuu to'annoo dabalataa qindaa'ina deebii irratti). -
CabsuuMasonry
.card-columns
deggeruuf kufe. #28922 ilaali . -
Cabsuu
.card
Accordion bu'uura godhate qaama Accordion haaraatiin bakka buuse .
Kaarooseelii
-
Barruu dukkanaa'aa, too'annoo, fi agarsiistotaaf
.carousel-dark
garaagarummaa haaraa dabalame (duubbee ifa ta'eef guddaadha). -
Mallattoolee chevron too'annoo kaarooseeliidhaaf SVG haaraa Mallattoolee Bootstrap irraa bakka bu'e .
Qabduu cufi
-
CabsuuMaqaa waliigalaa xiqqaa ta'eef
.close
gara maqaa jijjiirame..btn-close
-
Qabduulee cufi amma HTML keessatti
background-image
bakka a (SVG ukkaamfame) fayyadamu×
, mallattoo kee tuquu osoo hin barbaachisin dhuunfachiisuuf salphaa ta'e hayyama. -
.btn-close-white
Garaagarummaa haaraa kanfilter: invert(1)
mallattoolee kuffisuu walfaallaa ol'aanaa duubbee dukkanaa'aa irratti dandeessisuuf fayyadamu dabalame.
Ijaarsi kufuu
- Accordions'f scroll anchoring haqameera.
Dropdowns kan jedhu
-
Jijjiiramoota haaraa
.dropdown-menu-dark
fi jijjiiramoota walqabatan tarreewwan dukkanaa gaaffii irratti dabalame. -
Jijjiiramaa haaraa dhaaf dabalame
$dropdown-padding-x
. -
Faallaa fooyya'aa ta'eef qoqqoodduu gadi bu'aa dukkanesse.
-
CabsuuTaateewwan hunduu tarreef amma qaree jijjiirraa tarree irratti kakaafamu sana booda gara qaama warraatti bubbee.
-
Sajoo kamshaa amma
data-bs-popper="static"
yeroo iddoon gadi bu'aa dhaabbataa ta'ee fidata-bs-popper="none"
yeroo gadi bu'iinsi barruu navbar keessa jiru saagama amaloota qabu. Kunis JaavaScript keenyaan kan dabalame yoo ta'u, akkaataa Popper's positioning osoo hin gufachiisiin akkaataa ejjennoo amala fayyadamuuf nu gargaara. -
CabsuuFilannoon gadi bu'aa plugin
flip
qindeessaa dhalootaa Popper fayyadu gadi bu'e. Amma amala garagalchuufallbackPlacements
filannoodhaaf tarree duwwaa fooyyessaa garagalchuu keessatti dabarsuudhaan hanqisuu dandeessa. -
Sajoo gadi bu'aa amma amala ofumaan cufuu
autoClose
qabachuuf filannoo haaraa wajjin cuqaasuu danda'u . Filannoo kana fayyadamuun cuqaasuu sajoo tarree keessaa ykn alaa fudhachuun akka wal-qunnamsiisu gochuu dandeessa. -
Dropdowns amma s s
.dropdown-item
keessatti marfame deeggaru<li>
.
Jumbotroon jedhamuun beekama
- CabsuuQaama jumbotron akka faayidaa waliin fakkaafamuu danda'utti gadi dhiise. Demoodhaaf fakkeenya keenya haaraa Jumbotron ilaalaa.
Garee tarreessi
- Gareewwan tarreessuuf
.list-group-numbered
fooyyessaa haaraa dabalame .
Navs fi tabs
null
Jijjiiramoota haaraafont-size
,font-weight
, ,color
fi gitaatti dabale.:hover
color
.nav-link
Navbars jedhaman
- CabsuuNavbars amma qabduu keessaa barbaadu (barbaachisummaa addaan fageenyaa fi CSS barbaachisu haalaan salphisuuf).
Kanfaasiin ala
- Qaama offcanvas haaraa dabalame .
Fuulaa (Pagination) jedhu
-
Hidhamtoonni fuula amma kan dhuunfamuu
margin-left
danda'an kan yeroo walirraa adda baafaman golee hunda irratti daayinamiikiin geengoo ta'an qabu. -
transition
Hidhamtoota fuulaatti s dabalame .
Popovers jedhaman
-
CabsuuUnka popover durtii keenya keessatti
.arrow
gara maqaa jijjiirame ..popover-arrow
-
Filannoo
whiteList
garaallowList
.
Spinners jedhaman
-
Spinners amma
prefers-reduced-motion: reduce
animations saffisiisuun kabaju. #31882 ilaali . -
Hiriirsa dhaabbataa ispiinaraa fooyya'e.
Toostii
-
Toasts amma gargaarsa positioning utilities tiin a keessatti dhaabuun ni danda'ama .
.toast-container
-
Yeroo toostii durtii gara sekondii 5tti jijjiire.
-
Toostii
overflow: hidden
irraa baafameeborder-radius
s sirrii ta'een bakka bu'ecalc()
dalagaalee wajjin.
Gorsa Meeshaalee
-
CabsuuUnka gorsa meeshaa durtii keenya keessatti
.arrow
gara maqaa jijjiirame ..tooltip-arrow
-
CabsuuGatiin durtii kan gara iddoo fooyya'aa elementoota popperiif
fallbackPlacements
jijjiirama .['top', 'right', 'bottom', 'left']
-
CabsuuFilannoo
whiteList
garaallowList
.
Faayidaa (Utilities) jedhaman
-
CabsuuDeeggarsa RTL dabaluudhaan maqaa kallattii osoo hin taane maqaa qabeentaa loojikii fayyadamuuf faayilii hedduu maqaa jijjiire:
- Maqaa jijjiirraa
.left-*
fi.right-*
gara.start-*
fi.end-*
. - Maqaa jijjiirraa
.float-left
fi.float-right
gara.float-start
fi.float-end
. - Maqaa jijjiirraa
.border-left
fi.border-right
gara.border-start
fi.border-end
. - Maqaa jijjiirraa
.rounded-left
fi.rounded-right
gara.rounded-start
fi.rounded-end
. - Maqaa jijjiirraa
.ml-*
fi.mr-*
gara.ms-*
fi.me-*
. - Maqaa jijjiirraa
.pl-*
fi.pr-*
gara.ps-*
fi.pe-*
. - Maqaa jijjiirraa
.text-left
fi.text-right
gara.text-start
fi.text-end
.
- Maqaa jijjiirraa
-
CabsuuMarginoota negaatiivii akka durtiitti hanqifame.
-
Duubbee 's gara elementoota dabalataatti
.bg-body
saffisaan saaguuf gita haaraa dabalame .<body>
-
Faayidaa ejjennoo haaraa ,
top
,right
,bottom
fileft
. Gatiin tokkoon tokkoo qabeentaatiif0
,50%
, fi of keessatti qabata.100%
-
Haaraa
.translate-middle-x
&.translate-middle-y
faayidaa gara qajeelaa ykn dhaabbataa giddugaleessa elementoota absoluutii/dhaabbataa ejjennoo qabanitti dabalame. -
border-width
Faayidaa haaraa dabalame . -
CabsuuMaqaa jijjiirame
.text-monospace
gara.font-monospace
. -
Cabsuu
.text-hide
Barreeffama kana booda itti fayyadamuu hin qabne dhoksuuf mala dulloome waan ta'eef haqameera . -
.fs-*
Faayidaawwan faayiliidhaaf dabalamanfont-size
(RFS dandeessifame waliin). Isaan kun iskeelii walfakkaataa mata dureewwan durtii HTML fayyadamu (1-6, guddaa hanga xiqqaa), fi karaa kaartaa Sass fooyya'uu danda'u. -
Cabsuu
.font-weight-*
Faayidaa akka.fw-*
gabaabsuu fi walsimannaatti maqaa jijjiirame . -
Cabsuu
.font-style-*
Faayidaa akka.fst-*
gabaabsuu fi walsimannaatti maqaa jijjiirame . -
.d-grid
Faayidaa fi faayidaa haaraa agarsiisuuf dabalamegap
(.gap
) qindaa'inoota CSS Grid fi flexbox. -
CabsuuBuqqisee
.rounded-sm
firounded-lg
, fi iskeelii haaraa daree,.rounded-0
gara.rounded-3
. #31687 ilaali . -
line-height
Faayidaa haaraa dabalame :.lh-1
,.lh-sm
,.lh-base
fi.lh-lg
. As ilaalaa . -
.d-none
Faayidaa agarsiisaa biroo irratti ulfaatina dabalataa akka kennuuf CSS keenya keessatti faayilii sochoose . -
Gargaaraa
.visually-hidden-focusable
akkasumas qabduu irratti hojjechuuf dheeresse, fayyadamuun:focus-within
.
Gargaartoota
-
Cabsuu Gargaartoonni embed deebii kennan gara gargaartota reeshiyoo maqaa gita haaraa fi amala fooyya'aa qaban, akkasumas jijjiiramaa CSS gargaaraa ta'etti maqaa jijjiiramaniiru.
- Kutaawwan gara reeshiyoo aspeektii keessatti
by
akka jijjiiramaniif maqaan isaanii jijjiiramaniiru .x
Fakkeenyaaf,.ratio-16by9
amma.ratio-16x9
. .embed-responsive-item
Filataa garee elementii fi filannoo salphaa ta'e fayyadu gadi dhiifneerra.ratio > *
. Gitni dabalataa hin barbaachisu, fi gargaaraan reeshiyoo amma elementii HTML kamiyyuu wajjin hojjeta.- Kaartaan
$embed-responsive-aspect-ratios
Sass gara maqaa jijjiiramee$aspect-ratios
gatiiwwan isaas maqaa gitaa fi dhibbeentaa akka lamaanitti hammachuudhaafkey: value
salphataniiru. - Jijjiiramoonni CSS amma uumamanii tokkoon tokkoo gatii kaartaa Sass keessatti hammatamaniiru.
--bs-aspect-ratio
Jijjiiramaa irratti fooyyessii reeshiyoo aspeektii amala.ratio
kamiyyuu uumuuf .
- Kutaawwan gara reeshiyoo aspeektii keessatti
-
Cabsuu Kutaawwan “dubbisaa iskiriinii” amma dareewwan “mul’ataan dhokatan” ta’aniiru .
- Faayilii Sass irraa
scss/helpers/_screenreaders.scss
gara jijjiirescss/helpers/_visually-hidden.scss
- Maqaa jijjiirraa
.sr-only
fi.sr-only-focusable
gara.visually-hidden
fi.visually-hidden-focusable
- Maqaa jijjiirraa
sr-only()
fisr-only-focusable()
mixins garavisually-hidden()
fivisually-hidden-focusable()
.
- Faayilii Sass irraa
-
bootstrap-utilities.css
amma gargaartota keenyas ni dabalata. Gargaartoonni kana booda ijaarsa amala keessatti galchuu hin barbaachisan.
JaavaScript
-
Hirkatummaa jQuery gadi dhiisee fi JavaScript idilee keessa akka ta'aniif ifteessitoota irra deebi'ee barreesse.
-
CabsuuAmaloonni deetaa ifteessitoota JaavaScript hundaaf amma maqaa addaan baafamanii hojii Bootstrap qaama sadaffaa fi koodii mataa keetii irraa adda baasuuf gargaara. Fakkeenyaaf,
data-bs-toggle
bakkadata-toggle
. -
Amma pilaaginoonni hundi akka murfii jalqabaatti filannoo CSS fudhachuu danda'u. Fakkeenya haaraa ifteessaa uumuuf qaama DOM ykn filannoo CSS sirrii kamiyyuu dabarsuu dandeessa:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
akka faankishinii qindeessaa Popper durtii Bootstrap akka falmii fudhatutti darbuu danda'a, akka ati qindeessaa durtii kana karaa keetiin walitti makuu dandeessuuf. Kubbaawwan, popovers, fi tooltips irratti hojjata. -
Gatiin durtii kan gara iddoo fooyya'aa elementoota Popperiif
fallbackPlacements
jijjiirama . Kubbaawwan, popovers, fi tooltips irratti hojjata.['top', 'right', 'bottom', 'left']
-
Malawwan istaatiksii uummataa kan akka
_getInstance()
→ irraa jala sarara haqameeragetInstance()
.