Heke ki te v5
Aroturuki me te arotake i nga huringa ki nga konae punaha Bootstrap, tuhinga, me nga waahanga hei awhina i a koe ki te heke mai i te v4 ki te v5.
Nga whakawhirinakitanga
- Whakataka jQuery.
- Whakapai ake i Popper v1.x ki Popper v2.x.
- I whakakapihia a Libsass ki te Dart Sass i te mea kua whakakorehia ta matou kaitoi Sass i hoatu ki a Libsass.
- I heke mai i Jekyll ki Hugo mo te hanga i a maatau tuhinga
Tautoko Pūtirotiro
- I tukuna a Internet Explorer 10 me 11
- I whakataka a Microsoft Edge < 16 (Tauwhitu tuku iho)
- I tukuna a Firefox <60
- Whakataka Safari <12
- I tukuna a iOS Safari <12
- I tukuna a Chrome <60
Nga huringa tuhinga
- I hoahoa ano te wharangi kaainga, te whakatakotoranga tuhinga, me te hiku.
- Kua taapirihia he aratohu Parcel hou .
- Kua taapirihia te waahanga Whakaritea hou , te whakakapi i te wharangi Kaupapa a v4 , me nga korero hou mo Sass, nga whiringa whirihoranga o te ao, nga kaupapa tae, nga taurangi CSS, me etahi atu.
- I whakaraupapahia nga tuhinga puka katoa ki roto i nga waahanga Puka hou , ka wehewehea nga korero ki nga wharangi e arotahi ana.
- Waihoki, kua whakahouhia te waahanga Tahora , kia tino marama ake te kiko o te matiti.
- I whakaingoatia ano te wharangi waahanga "Navs" ki "Navs & Ripa".
- I whakaingoatia te wharangi "Tirohanga" ki "Tirohanga me nga reo irirangi".
- I hoahoa ano i te pae whakatere me te taapiri i tetahi putungaroto hou kia ngawari ake te huri haere i o maatau pae me nga putanga tuhinga.
- Kua taapirihia he pokatata papapātuhi hou mo te mara rapu: Ctrl + /.
Sass
-
Kua whakakorehia e matou nga hanumi mahere Sass taunoa kia ngawari ake te tango i nga uara taapiri. Kia maumahara me tautuhi koe i nga uara katoa i roto i nga mapi Sass penei
$theme-colors
. Tirohia me pehea te mahi ki nga mapi Sass . -
WhatiwhatiI whakaingoatia
color-yiq()
te mahi me nga taurangi e pa ana kicolor-contrast()
te mea kua kore e hono atu ki te mokowātae YIQ. Tirohia te #30168.$yiq-contrasted-threshold
kua whakaingoatia ki$min-contrast-ratio
.$yiq-text-dark
,$yiq-text-light
ka whakaingoatia ki$color-contrast-dark
a$color-contrast-light
.
-
WhatiwhatiKua huri nga tawhā whakauru urunga patai pāpāho mo te huarahi arorau ake.
media-breakpoint-down()
ka whakamahi i te waahi whati ake hei utu mo te waahi whawhati e whai ake nei (hei tauira,media-breakpoint-down(lg)
hei utu momedia-breakpoint-down(md)
nga tauranga tirohanga he iti ake i telg
).- Waihoki, ka whakamahia ano e te tawhā tuarua i roto
media-breakpoint-between()
i te waahi pakaru ake hei utu mo te waahi pakaru e whai ake nei (hei tauira,media-between(sm, lg)
hei utu momedia-breakpoint-between(sm, md)
nga tauranga tirohanga i waengasm
me telg
).
-
WhatiwhatiKua tangohia nga momo tuhi me
$enable-print-styles
te taurangi. Kei te tata tonu nga karaehe whakaatu ta. Tirohia te #28339 . -
WhatiwhatiI whakataka
color()
,theme-color()
, megray()
nga mahi hei tautoko i nga taurangi. Tirohia te #29083 . -
WhatiwhatiKua whakaingoatia
theme-color-level()
te mahi kicolor-level()
a inaianei ka whakaae ki nga tae e hiahia ana koe, kaua ki nga$theme-color
tae anake. Tirohia #29083 Kia mataara:color-level()
i muri mai ka tukuna ki rotov5.0.0-alpha3
. -
WhatiwhatiI whakaingoatia ano
$enable-prefers-reduced-motion-media-query
me$enable-pointer-cursor-for-buttons
ki$enable-reduced-motion
a$enable-button-pointers
mo te poto. -
WhatiwhatiKua tangohia te
bg-gradient-variant()
ranunga. Whakamahia te.bg-gradient
karaehe ki te taapiri i nga rōnaki ki nga huānga hei utu mo nga.bg-gradient-*
karaehe i hangaia. -
Whatiwhati Kua tangohia nga ranunga kua whakakorehia i mua:
hover
,hover-focus
,plain-hover-focus
, mehover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(i tukuna ano te akomanga whaipainga e pa ana,.text-hide
)visibility()
form-control-focus()
-
WhatiwhatiI whakaingoatia
scale-color()
te mahi kishift-color()
te karo i te tukinga ki te mahi a Sass ake te whakatauine tae. -
box-shadow
ka taea e mixins inaianei nganull
uara me te takanone
mai i nga tohenga maha. Tirohia te #30394 . -
He
border-radius()
uara taunoa inaianei te ranunga.
Pūnaha tae
-
Ko te punaha tae i mahi me
color-level()
te$theme-color-interval
tango i tetahi punaha tae hou. Ko nga mea katoalighten()
medarken()
nga mahi kei roto i to maatau turanga ka whakakapihia e tetint-color()
meshade-color()
. Ko enei mahinga ka whakakotahi i te tae ki te ma, ki te pango ranei, kaua ki te whakarereke i te maama ma te nui o te rahi. Koshift-color()
te kauruku, ka whakamarumaru ranei i tetahi tae i runga i te pai, i te kino ranei tona tawhā taumaha. Tirohia te #30622 mo etahi atu korero. -
Kua taapirihia nga kakano me nga atarangi hou mo ia tae, e iwa nga tae motuhake mo ia tae turanga, hei taurangi Sass hou.
-
Kua pai ake te rereke o te tae. I tukitukia te ōwehenga rereke o te tae mai i te 3:1 ki te 4.5:1 me te whakahou i nga tae puru, matomato, mawhero me te mawhero kia pai ai te rereke o WCAG 2.1 AA. I hurihia ano to maatau tae rereke mai i
$gray-900
te ki$black
. -
Hei tautoko i ta maatau punaha tae, kua taapirihia e matou nga tikanga hou
tint-color()
meshade-color()
nga mahi hei whakakotahi tika i o maatau tae.
Whakahoutanga matiti
-
Whatiwhati hou!
xxl
Kua taapirihia he waahi pakaru hou mo1400px
te piki ake. Karekau he whakarereketanga ki etahi atu waahi pakaru katoa. -
Kua pai ake nga awaawa. Inaianei kua whakatauhia nga awaawa, he whaiti ake i te v4 (
1.5rem
, tata ranei24px
, heke iho i te30px
). Ka whakahāngai tēnei i ngā awaawa o tā mātou pūnaha mātiti ki ā mātou taputapu mokowā.- Kua taapirihia te karaehe awaawa hou (
.g-*
,.gx-*
, me.gy-*
) hei whakahaere i nga awaawa whakapae / poutū, nga awaawa whakapae, me nga awaawa poutū. - WhatiwhatiI whakaingoatia
.no-gutters
ki.g-0
te taurite ki nga taputapu awaawa hou.
- Kua taapirihia te karaehe awaawa hou (
-
Kaore ano nga pou i
position: relative
tono, no reira me taapiri koe.position-relative
ki etahi huānga hei whakaora i taua whanonga. -
WhatiwhatiHe maha nga
.order-*
karaehe i tukuna kaore i whakamahia. Inaianei ka tukuna noa e matou.order-1
ki.order-5
waho o te pouaka. -
WhatiwhatiI whakahekehia te
.media
waahanga na te mea ka ngawari te whakahoki me nga taputapu. Tirohia te #28265 me te wharangi taputapu ngawari hei tauira . -
Whatiwhati
bootstrap-grid.css
ka pa ana inaianeibox-sizing: border-box
ki te pou, kaua ki te tautuhi ano i te rahi pouaka-ao. Ma tenei ara, ka taea te whakamahi i a maatau momo matiti ki etahi atu waahi kaore he pokanoa. -
$enable-grid-classes
kua kore e monohia te whakatipuranga o nga karaehe ipu. Tirohia te #29146. -
I whakahōuhia te
make-col
ranunga ki te taunoa ki nga pou rite kaore he rahinga kua tohua.
Ihirangi, Reboot, etc
-
Kua whakahohea te RFS ma te taunoa. Ko nga pane e whakamahi ana i te
font-size()
ranunga ka whakatika aunoa i a raataufont-size
ki te tauine me te tauranga tirohanga. I uru mai tenei ahuatanga me te v4. -
WhatiwhatiI whakahurihia a maatau momotuhi whakaatu hei whakakapi i a maatau
$display-*
taurangi me te$display-font-sizes
mapi Sass. I tangohia ano nga$display-*-weight
taurangi takitahi mo te s kotahi$display-font-weight
me te whakatikatikafont-size
. -
.display-*
Kua taapirihia nga rahi pane hou e rua ,.display-5
me te.display-6
. -
Ko nga hononga kua tararohia ma te taunoa (kaore i te whakaparo noa), mena he waahanga o nga waahanga motuhake.
-
I hoahoa ano nga tepu hei whakamau i o raatau ahua me te hanga ano ki nga taurangi CSS kia kaha ake te whakahaere i te hanga.
-
WhatiwhatiKo nga ripanga kohanga kaore e tuku i nga momo ahua.
-
Whatiwhati
.thead-light
ka whakatakahia.thead-dark
mo nga.table-*
karaehe rereke ka taea te whakamahi mo nga huānga ripanga katoa (thead
,tbody
,tfoot
,tr
,th
metd
). -
WhatiwhatiKa
table-row-variant()
whakaingoatia ano te ranunga kitable-variant()
te whakaae kia 2 noa nga tawhā:$color
(ingoa tae) me$value
(waehere tae). Ko te tae taitapa me nga tae nako ka tatau aunoa i runga i nga taurangi taurangi tepu. -
Wehehia nga taurangi padding pūtau ripanga ki
-y
me-x
. -
WhatiwhatiKua heke
.pre-scrollable
te karaehe. Tirohia te #29135 -
Whatiwhati
.text-*
karekau nga taputapu e taapiri i te hover me te arotahi ki nga hononga..link-*
Ka taea te whakamahi i nga karaehe kaiawhina. Tirohia te #29267 -
WhatiwhatiKua heke
.text-justify
te karaehe. Tirohia te #29793 -
Whatiwhati
<hr>
Ka whakamahia nga huānga inaianeiheight
hei utu moborder
te tautoko ake i tesize
huanga. Ka taea hoki e tenei te whakamahi i nga taputapu padding ki te hanga wehewehenga matotoru (hei tauira,<hr class="py-1">
). -
Tautuhianu taunoa whakapae me nga huānga mai
padding-left
i te pūtirotiro taunoa ki .<ul>
<ol>
40px
2rem
-
Kua taapirihia
$enable-smooth-scroll
, e pa ana kiscroll-behavior: smooth
te ao katoa—haunga nga kaiwhakamahi e tono ana kia whakaitihia te nekehanga maprefers-reduced-motion
te patai pāpāho. Tirohia te #31877
RTL
- Kua whakaingoatia katoatia nga taurangi motuhake, nga taputapu, me nga whakaurunga ki te whakamahi i nga ahuatanga arorau penei me era i kitea i roto i nga whakatakotoranga flexbox—hei tauira,
start
heiend
whakakapileft
me teright
.
Puka
-
Kua taapirihia nga puka tere hou! Kua whakatairangahia e matou te tauira tapanga Maango ki nga waahanga puka tautoko katoa. Tirohia te wharangi tapanga Maranga hou.
-
Whatiwhati Kua whakakotahihia nga huānga ahua taketake me te ahua ritenga. Ko nga pouakataki, nga reo irirangi, nga kowhiringa, me etahi atu whakaurunga i whai karaehe taketake me nga karaehe ritenga i v4 kua whakakotahi. Inaianei kua rite katoa o maatau ahua ahua, ko te nuinga kaore he hiahia mo te HTML ritenga.
.custom-check
ko inaianei.form-check
..custom-check.custom-switch
ko inaianei.form-check.form-switch
..custom-select
ko inaianei.form-select
..custom-file
kua.form-file
whakakapia e nga momo ritenga i runga ake o.form-control
..custom-range
ko inaianei.form-range
.- Whakataka maori
.form-control-file
me.form-control-range
.
-
WhatiwhatiWhakataka
.input-group-append
me.input-group-prepend
. Ka taea e koe te taapiri i nga paatene me.input-group-text
nga tamariki tika o nga roopu whakauru. -
Ko te radius taitapa Ngaro kua roa i runga i te roopu whakauru me te pepeha urupare whakamana ka whakatauhia ma te taapiri i tetahi
.has-validation
akomanga taapiri ki nga roopu whakauru whai mana. -
Whatiwhati Kua whakahekehia nga karaehe tahora puka-motuhake mo to tatou punaha matiti. Whakamahia ta maatau matiti me nga taputapu hei utu mo te
.form-group
,.form-row
, ranei.form-inline
. -
WhatiwhatiKo nga tapanga puka e hiahia ana inaianei
.form-label
. -
Whatiwhati
.form-text
no longer setsdisplay
, ka taea e koe te hanga i roto i te raina, te aukati ranei i nga tuhinga awhina i runga i to hiahia ma te huri noa i te huānga HTML. -
Ko nga tohu whakamana kua kore e hoatu ki
<select>
s memultiple
. -
I whakaraupapahia nga konae Sass puna i raro i te
scss/forms/
, tae atu ki nga momo roopu whakauru.
Waehanga
- Ko nga uara whakakotahi
padding
mo nga matohi, nga kongakonga parāoa, nga kaari, nga takaiho, nga roopu rarangi, nga tikanga, nga pouvers, me nga aki taputapu hei hangai i runga i ta maatau$spacer
taurangi. Tirohia te #30564 .
Akoriona
Matohi
-
Inaianei kei nga matohi nga tauira me nga tohu .
-
Kua tangohia nga momo ritenga mo
<hr>
s i ia matohi mai i te mea kua whakamahia e ratoucurrentColor
.
Tohu
-
WhatiwhatiI tukuna nga
.badge-*
karaehe tae katoa mo nga taputapu papamuri (hei tauira, whakamahia.bg-primary
hei utu mo te.badge-primary
). -
WhatiwhatiWhakataka —whakamahia kē
.badge-pill
te.rounded-pill
whaipainga. -
WhatiwhatiKua tangohia nga momo whakaparo me te arotahi mo
<a>
nga<button>
huānga. -
Whakanuia te padding taunoa mo nga tohu mai i
.25em
/.5em
ki.35em
/.65em
.
Nga kongakonga taro
-
Whakamaamaa te ahua taunoa o nga kongakonga parāoa ma te tango i te
padding
,background-color
, me teborder-radius
. -
Kua taapirihia nga taonga ritenga CSS hou
--bs-breadcrumb-divider
mo te whakarite ngawari me te kore e hiahia ki te whakahiato CSS.
Patene
-
Whatiwhati Ko nga paatene takahuri , me nga pouakataki, nga reo irirangi ranei, kaore e hiahiatia he JavaScript me te tohu tohu hou. Kua kore e hiahiatia he huānga takai, taapiri atu
.btn-check
ki te<input>
, ka honoa ki etahi.btn
karaehe o te<label>
. Tirohia te #30650 . Ko nga tuhinga mo tenei kua neke mai i ta maatau wharangi Patene ki te waahanga Puka hou. -
Whatiwhati I tukuna
.btn-block
mo nga taputapu. Engari ki te whakamahi.btn-block
i runga i te.btn
, takai i o paatene.d-grid
me tetahi.gap-*
taputapu hei mokowhiti ina hiahiatia. Hurihia ki nga karaehe urupare kia kaha ake te whakahaere i a raatau. Pānuihia nga tuhinga mo etahi tauira. -
I whakahouhia a maatau
button-variant()
me ngabutton-outline-variant()
ranunga hei tautoko i nga taapiri taapiri. -
Kua whakahōuhia nga paatene hei whakarite kia nui ake te rereke i runga i te whakaparo me nga ahuatanga hohe.
-
Kei aianei nga patene monoa
pointer-events: none;
.
Kaari
-
WhatiwhatiI whakatakahia ki to maatau matiti
.card-deck
. Takaia o kaari ki roto i nga karaehe pou ka taapirihia he.row-cols-*
ipu matua hei hanga ano i nga papa kaari (engari he mana ake mo te tirohanga aro). -
WhatiwhatiI tukuna
.card-columns
ki te taha o Masonry. Tirohia te #28922 . -
WhatiwhatiI whakakapihia te
.card
akoriona ki tetahi waahanga Accordion hou .
Carousel
-
Kua taapirihia he
.carousel-dark
momo rereke mo nga tuhinga pouri, nga mana whakahaere me nga tohu (he pai mo nga papamuri maamaa). -
I whakakapihia nga tohu chevron mo nga mana carousel me nga SVG hou mai i nga Ata Bootstrap .
Katia te paatene
-
WhatiwhatiI whakaingoatia
.close
mo.btn-close
te ingoa iti ake. -
Ko nga paatene kati inaianei kei te whakamahi i te
background-image
(SVG kua whakauruhia) hei utu×
i te HTML, kia ngawari ake te whakarite me te kore e pa ki to tohu. -
Kua taapirihia he momo rereke hou
.btn-close-white
e whakamahi anafilter: invert(1)
kia taea ai te rereke teitei te whakakore i nga tohu ki nga papamuri pouri.
Tiango
- Kua tangohia nga punga panuku mo nga acordions.
Whakataka
-
Kua taapirihia nga
.dropdown-menu-dark
momo rereke hou me nga taurangi e hono ana mo nga whakaheke pouri i runga i te tono. -
Kua taapirihia te taurangi hou mo
$dropdown-padding-x
. -
I whakapouritia te kaiwehewehe takaiho kia pai ake te rereke.
-
WhatiwhatiKo nga takahanga katoa mo te takaiho ka puta inaianei i runga i te paatene takahuri katahi ka mirumiru ake ki te huānga matua.
-
Ko nga tahua takaiho inaianei he
data-bs-popper="static"
huinga huanga i te wa e pakoko ana te tuunga o te takaiho me tedata-bs-popper="none"
wa kei te pae whakaterenga. Ka taapirihia tenei e to maatau JavaScript ka awhina i a maatau ki te whakamahi i nga momo tuunga ritenga me te kore e pokanoa ki te tuunga a Popper. -
WhatiwhatiKo
flip
te whiringa kua whakataka mo te mono takaiho hei pai mo te whirihoranga Popper taketake. Inaianei ka taea e koe te whakakore i te whanonga pore ma te tuku i te rarangi kau mo tefallbackPlacements
kowhiringa i roto i te whakahuri pore . -
Ka taea te paato i nga tahua takaiho me tetahi
autoClose
whiringa hou hei hapai i te whanonga kati aunoa . Ka taea e koe te whakamahi i tenei whiringa ki te whakaae ki te paato i roto, i waho ranei o te tahua takaiho kia tauwhitiwhiti ai. -
Ka tautokohia e nga taka iho
.dropdown-item
i nga s kua takaia ki<li>
te s.
Jumbotron
- WhatiwhatiI whakatakahia te waahanga jumbotron na te mea ka taea te whakahoki me nga taputapu. Tirohia ta maatau tauira Jumbotron hou mo te whakaaturanga.
Rōpū rārangi
.list-group-numbered
Kua taapirihia te whakarereketanga hou ki te rarangi roopu.
Navs me nga ripa
- Kua taapirihia nga
null
taurangi hou mofont-size
,font-weight
,color
, me:hover
color
te.nav-link
akomanga.
Navbars
- WhatiwhatiInaianei kei te hiahia nga Navbars he ipu kei roto (hei whakangawari i nga whakaritenga mokowhiti me te CSS e hiahiatia ana).
Kowekeweke
- Kua taapirihia te waahanga hou o waho .
whakawhārangi
-
Ko nga hononga whakaingoatanga inaianei kua taea te whakarite
margin-left
he mea whakaawhiwhi hihiko ki nga kokonga katoa ina wehea tetahi ki tetahi. -
Kua taapirihia
transition
nga s ki nga hononga whakaingoatanga.
Popovers
-
WhatiwhatiI whakaingoatia ano
.arrow
ki.popover-arrow
roto i ta maatau tauira tauira popover taunoa. -
I whakaingoatia ano
whiteList
ki teallowList
.
Kaihurihuri
-
Ka whakanuia e nga Kaihurihuri inaianei
prefers-reduced-motion: reduce
ma te whakaroa i nga pakiwaituhi. Tirohia te #31882 . -
Kua pai ake te tirohanga poutū hurihuri.
Toasts
-
Inaianei ka taea te whakanoho ki roto i te toasts
.toast-container
me te awhina o nga taputapu tuunga . -
I hurihia te roanga tunu tunu ki te 5 hēkona.
-
Ka tangohia
overflow: hidden
mai i te toasts ka whakakapihia ki teborder-radius
s tika me ngacalc()
mahi.
Aki taputapu
-
WhatiwhatiI whakaingoatia
.arrow
ki.tooltip-arrow
roto i ta maatau tauira aki taputapu taunoa. -
Whatiwhati
fallbackPlacements
Ka hurihia te uara taunoa mo te['top', 'right', 'bottom', 'left']
mo te whakanohonga pai ake o nga huānga popper. -
WhatiwhatiI whakaingoatia ano
whiteList
ki teallowList
.
Nga taputapu
-
WhatiwhatiI whakaingoatia etahi taputapu hei whakamahi i nga ingoa taonga arorau hei utu mo nga ingoa ahunga me te taapiri o te tautoko RTL:
- I whakaingoatia ano
.left-*
me.right-*
ki.start-*
a.end-*
. - I whakaingoatia ano
.float-left
me.float-right
ki.float-start
a.float-end
. - I whakaingoatia ano
.border-left
me.border-right
ki.border-start
a.border-end
. - I whakaingoatia ano
.rounded-left
me.rounded-right
ki.rounded-start
a.rounded-end
. - I whakaingoatia ano
.ml-*
me.mr-*
ki.ms-*
a.me-*
. - I whakaingoatia ano
.pl-*
me.pr-*
ki.ps-*
a.pe-*
. - I whakaingoatia ano
.text-left
me.text-right
ki.text-start
a.text-end
.
- I whakaingoatia ano
-
WhatiwhatiKua monoa nga tawhē kino ma te taunoa.
-
Kua taapirihia he
.bg-body
karaehe hou mo te whakarite tere i te<body>
papamuri ki etahi atu huānga. -
Kua taapirihia nga taputapu tuunga hou mo
top
,right
,bottom
, meleft
. Kei roto i nga uara te0
,50%
, me100%
ia rawa. -
Kua taapirihia nga taputapu hou
.translate-middle-x
me nga.translate-middle-y
taputapu ki te taha whakapae, poutū ranei ki waenganui i nga huānga tuunga tuuturu. -
WhatiwhatiI whakaingoatia
.text-monospace
ki.font-monospace
. -
WhatiwhatiKua tangohia
.text-hide
i te mea he tikanga tawhito mo te huna i nga tuhinga e kore e tika kia whakamahia ano. -
Nga
.fs-*
taputapu taapiri mo ngafont-size
taputapu (me te RFS kua whakahohea). He rite tonu enei ki nga pane taunoa o HTML (1-6, nui ki te iti), ka taea te whakarereke ma te mahere Sass. -
WhatiwhatiI whakaingoatia
.font-weight-*
nga taputapu.fw-*
mo te poto me te riterite. -
WhatiwhatiI whakaingoatia
.font-style-*
nga taputapu.fst-*
mo te poto me te riterite. -
Kua taapirihia
.d-grid
hei whakaatu i nga taputapu me ngagap
taputapu hou (.gap
) mo nga whakatakotoranga CSS Grid me te pouaka flexbox. -
WhatiwhatiI tangohia
.rounded-sm
me terounded-lg
, ka whakauruhia he tauine hou o nga karaehe,.rounded-0
ki.rounded-3
. Tirohia te #31687 . -
line-height
Kua taapirihia nga taputapu hou :.lh-1
,.lh-sm
,.lh-base
me.lh-lg
. Tirohia konei . -
I nukuhia te
.d-none
whaipainga i roto i ta maatau CSS kia nui ake te taumaha ki runga i etahi atu taputapu whakaatu. -
I whakaroahia te
.visually-hidden-focusable
kaiawhina ki te mahi i nga ipu, ma te whakamahi:focus-within
.
Kaiawhina
-
Whatiwhati Ko nga kaiawhina whakauru urupare kua whakaingoatia ki te tauwehenga o nga kaiawhina me nga ingoa karaehe hou me nga whanonga pai ake, me tetahi taurangi CSS awhina.
- Kua whakaingoatia ano nga karaehe ki te huri
by
kix
te ahua owehenga. Hei tauira,.ratio-16by9
inaianei.ratio-16x9
. - Kua whakatakahia e matou te
.embed-responsive-item
kaikowhiri roopu me te huānga hei whiriwhiri i tetahi kaiwhiringa ngawari ake.ratio > *
. Karekau he karaehe e hiahiatia ana, ka mahi te kaiawhina owehenga inaianei me tetahi huānga HTML. - Ko te
$embed-responsive-aspect-ratios
mapi Sass kua whakaingoatia ki$aspect-ratios
a kua whakangawarihia ona uara ki te whakauru i te ingoa o te akomanga me te paheketanga heikey: value
takirua. - Ko nga taurangi CSS kua hangaia inaianei ka whakauruhia mo ia uara ki te mahere Sass. Whakakētia te
--bs-aspect-ratio
taurangi i runga i te.ratio
ki te hanga i tetahi ritenga ritenga ōwehenga .
- Kua whakaingoatia ano nga karaehe ki te huri
-
Whatiwhati Ko nga karaehe "Kai panui mata" he akomanga "ahua huna" inaianei .
- I hurihia te kōnae Sass mai i
scss/helpers/_screenreaders.scss
kiscss/helpers/_visually-hidden.scss
- I whakaingoatia ano
.sr-only
me.sr-only-focusable
ki.visually-hidden
a.visually-hidden-focusable
- Ka whakaingoatia
sr-only()
me tesr-only-focusable()
whakakotahi ki tevisually-hidden()
me tevisually-hidden-focusable()
.
- I hurihia te kōnae Sass mai i
-
bootstrap-utilities.css
kei roto hoki o matou kaiawhina inaianei. Ko nga kaiawhina kaore e hiahia ki te kawemai i roto i nga hanganga ritenga.
JavaScript
-
I whakahekehia te whakawhirinakitanga jQuery me te tuhi ano i nga monomai kia noho tonu ki te JavaScript.
-
WhatiwhatiKo nga huanga raraunga mo nga taputapu JavaScript katoa kua whakaingoatia inaianei hei awhina i te wehewehe i nga mahi a Bootstrap mai i nga roopu tuatoru me to ake waehere. Hei tauira, ka whakamahia
data-bs-toggle
hei utu mo tedata-toggle
. -
Ka taea e nga monomai katoa te whakaae inaianei ki te kaiwhiriwhiri CSS hei tohenga tuatahi. Ka taea e koe te tuku i tetahi huānga DOM, tetahi kaiwhiri CSS whaimana ranei hei hanga tauira hou o te mono:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
ka taea te tuku hei mahi e whakaae ana ki te whirihora Popper taunoa a Bootstrap hei tohenga, kia taea ai e koe te hanumi i tenei whirihoranga taunoa i to ara. E pa ana ki nga takaiho, nga poupou, me nga aki taputapu. -
Ko te uara taunoa mo te
fallbackPlacements
ka hurihia hei['top', 'right', 'bottom', 'left']
whakanohonga pai ake o nga huānga Popper. E pa ana ki nga takaiho, nga poupou, me nga aki taputapu. -
Kua tangohia nga tohu tohu mai i nga tikanga tuuturu penei i te
_getInstance()
→getInstance()
.