Ke neʻe nei i v5
E nānā a nānā i nā loli i nā faila kumu Bootstrap, nā palapala, a me nā ʻāpana e kōkua iā ʻoe e neʻe mai v4 a i v5.
Nā hilinaʻi
- Hāʻule ka jQuery.
- Hoʻonui ʻia mai Popper v1.x a i Popper v2.x.
- Ua hoʻololi ʻo Libsass me Dart Sass e like me kā mākou Sass compiler i hāʻawi ʻia iā Libsass i hoʻopau ʻia.
- Ua neʻe mai Jekyll a Hugo no ke kūkulu ʻana i kā mākou palapala
Kākoʻo polokalamu kele pūnaewele
- Ua haʻalele ʻo Internet Explorer 10 a me 11
- Hāʻule ʻo Microsoft Edge <16 (Legacy Edge)
- Haʻalele ʻo Firefox <60
- Hāʻule ʻo Safari <12
- Haʻalele ʻo iOS Safari <12
- Hāʻule ka Chrome <60
Hoʻololi palapala
- ʻO ka ʻaoʻao home i hoʻolālā hou ʻia, ka hoʻolālā docs, a me ka wāwae.
- Hoʻohui hou ʻia ke alakaʻi Parcel .
- Hoʻohui hou i ka ʻāpana Hoʻopilikino hou , hoʻololi i ka ʻaoʻao Theming o v4 , me nā kikoʻī hou no Sass, nā koho hoʻonohonoho honua, nā ʻāpana kala, nā ʻano CSS, a me nā mea hou aku.
- Hoʻonohonoho hou i nā palapala palapala a pau i loko o ka ʻāpana Forms hou , e hoʻokaʻawale i ka ʻike i nā ʻaoʻao kikoʻī.
- Pēlā nō, hōʻano hou i ka ʻāpana Layout , e hoʻomaʻemaʻe i ka ʻike kikoʻī.
- Kapa hou ʻia ka ʻaoʻao ʻāpana "Navs" i "Navs & Tabs".
- Ua kapa hou ʻia ka ʻaoʻao "Checks" i "Checks & radios".
- Hoʻolālā hou i ka navbar a hoʻohui i kahi subnav hou i mea e maʻalahi ai ka hele ʻana a puni kā mākou pūnaewele a me nā mana docs.
- Hoʻohui ʻia ka pōkole kīpē hou no ke kahua huli: Ctrl + /.
Sass
-
Ua haʻalele mākou i ka hui ʻana o ka palapala ʻāina Sass paʻamau i mea e maʻalahi ai ka wehe ʻana i nā waiwai nui. E hoʻomanaʻo i kēia manawa pono ʻoe e wehewehe i nā waiwai āpau ma nā palapala Sass e like me
$theme-colors
. E nānā pehea e hana ai me nā palapala ʻāina Sass . -
HaʻihaʻiHoʻololi ʻia
color-yiq()
ka hana a me nā mea hoʻololi pili icolor-contrast()
ka mea ʻaʻole pili hou i ka YIQ colorspace. Nānā #30168.$yiq-contrasted-threshold
ua kapa hou ia i$min-contrast-ratio
.$yiq-text-dark
a$yiq-text-light
ua kapa hou ia i$color-contrast-dark
ka$color-contrast-light
.
-
HaʻihaʻiUa hoʻololi ʻia nā ʻokoʻa hoʻohui ʻia no ka hoʻololi ʻana i ke ʻano loiloi.
media-breakpoint-down()
hoʻohana i ka breakpoint pono'ī ma kahi o ka breakpoint e hiki mai ana (e laʻa,media-breakpoint-down(lg)
ma kahi omedia-breakpoint-down(md)
nā pahu nānā i ʻoi aku ka liʻiliʻi ma mua olg
).- Pēlā nō, hoʻohana ka ʻāpana ʻelua
media-breakpoint-between()
i ka breakpoint ponoʻī ma mua o ka breakpoint e hiki mai ana (e laʻa,media-between(sm, lg)
ma kahi omedia-breakpoint-between(sm, md)
nā pahu nānā i waenasm
a melg
).
-
HaʻihaʻiWehe ʻia nā ʻano paʻi a me
$enable-print-styles
nā loli. Aia mau nā papa hōʻike paʻi. E nana #28339 . -
HaʻihaʻiHoʻokuʻu ʻia
color()
,theme-color()
, a megray()
nā hana i makemake i nā mea hoʻololi. E nana #29083 . -
HaʻihaʻiHana ʻia i ka inoa
theme-color-level()
houcolor-level()
a ʻae i kēia manawa i nā kala āu e makemake ai ma mua o nā$theme-color
kala wale nō. E nānā i ka #29083 E makaʻala:color-level()
ua hoʻokuʻu ʻia ma hopev5.0.0-alpha3
. -
HaʻihaʻiHoʻololi i ka inoa
$enable-prefers-reduced-motion-media-query
a no ka pōkole.$enable-pointer-cursor-for-buttons
$enable-reduced-motion
$enable-button-pointers
-
HaʻihaʻiWehe ʻia ka
bg-gradient-variant()
mixin. E hoʻohana i ka.bg-gradient
papa e hoʻohui i nā gradients i nā mea ʻeleʻele ma mua o nā.bg-gradient-*
papa i hana ʻia. -
Haʻihaʻi Wehe ʻia nā huila i hoʻopau mua ʻia:
hover
,hover-focus
,plain-hover-focus
, ahover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(ua hoʻokuʻu pū i ka papa hana pili,.text-hide
)visibility()
form-control-focus()
-
HaʻihaʻiHoʻololi
scale-color()
i ka hana i meashift-color()
e pale aku ai i ka hui ʻana me kā Sass ponoʻī hana hoʻonui kala. -
box-shadow
ʻAe nā mixins i nānull
waiwai a hāʻulenone
mai nā manaʻo he nui. E nana #30394 . -
He
border-radius()
waiwai paʻamau ka mixin i kēia manawa.
Pūnaehana kala
-
ʻO ka ʻōnaehana waihoʻoluʻu i hana pū
color-level()
a$theme-color-interval
wehe ʻia no kahi ʻōnaehana kala hou. Hoʻololi ʻia nā hana āpaulighten()
a medarken()
nā hana ma kā mākou codebase etint-color()
a meshade-color()
. E hoʻohui kēia mau hana i ke kala me ke keʻokeʻo a ʻeleʻele paha ma mua o ka hoʻololi ʻana i kona māmā me ka nui paʻa. ʻOshift-color()
ke kala a i ʻole ka waihoʻoluʻu e pili ana i ka maikaʻi a i ʻole ka maikaʻi ʻole o kona ʻāpana kaumaha. E ʻike i ka #30622 no nā kikoʻī hou aku. -
Hoʻohui ʻia nā kala hou a me nā aka no kēlā me kēia kala, e hāʻawi ana i ʻeiwa kala ʻokoʻa no kēlā me kēia waihoʻoluʻu kumu, e like me nā hoʻololi Sass hou.
-
Ua hoʻomaikaʻi ʻia ka ʻokoʻa kala. Hoʻokaʻawale ʻia nā kala ʻokoʻa mai ka 3:1 a i ka 4.5:1 a hōʻano hou ʻia nā kala uliuli, ʻōmaʻomaʻo, cyan, a me ka ʻulaʻula e hōʻoia i ka ʻokoʻa WCAG 2.1 AA. Ua hoʻololi hoʻi i kā mākou kala ʻokoʻa mai
$gray-900
ka$black
. -
No ke kākoʻo ʻana i kā mākou ʻōnaehana kala, ua hoʻohui mākou i nā hana maʻamau
tint-color()
a meshade-color()
nā hana hou e hoʻohui pono i kā mākou kala.
Nā hōʻano hou grid
-
ʻO ka wahi haʻihaʻi hou! Hoʻohui ʻia i kahi
xxl
hoʻomaha hou no1400px
a i luna. ʻAʻohe hoʻololi i nā wahi hoʻomaha ʻē aʻe. -
Hoʻomaikaʻi ʻia nā ʻauwai. Hoʻonohonoho ʻia nā ʻauwai i nā rem, a ua ʻoi aku ka liiki ma mua o v4 (
1.5rem
, a i ʻole ma kahi o24px
, iho mai30px
). Hoʻolikelike kēia i nā ʻauwai o kā mākou pūnaewele puni honua me kā mākou mau pono hoʻokaʻawale.- Hoʻohui ʻia ka papa ʻauwai hou (
.g-*
,.gx-*
, a.gy-*
) no ka hoʻomalu ʻana i nā ʻauwai ākea/kūpono, nā ʻauwai ākea, a me nā ʻauwai kūpaʻa. - HaʻihaʻiHoʻololi
.no-gutters
ʻia ka inoa e.g-0
hoʻohālikelike i nā pono hana auwai hou.
- Hoʻohui ʻia ka papa ʻauwai hou (
-
ʻAʻole i
position: relative
hoʻohana hou ʻia nā kolamu, no laila pono ʻoe e hoʻohui.position-relative
i kekahi mau mea e hoʻihoʻi i kēlā ʻano. -
HaʻihaʻiHoʻokuʻu i kekahi mau
.order-*
papa i hoʻohana pinepine ʻole ʻia. Hāʻawi wale mākou.order-1
i.order-5
waho o ka pahu. -
HaʻihaʻiHoʻokuʻu i ka ʻāpana no ka
.media
mea hiki ke maʻalahi me nā pono hana. E ʻike i ka #28265 a me ka ʻaoʻao ʻoihana hoʻololi no kahi laʻana . -
Haʻihaʻi
bootstrap-grid.css
i kēia manawa pili walebox-sizing: border-box
i ke kolamu ma mua o ka hoʻonohonoho hou ʻana i ka pahu-sizing honua. Ma kēia ala, hiki ke hoʻohana ʻia kā mākou kaila grid ma nā wahi ʻē aʻe me ke keakea ʻole. -
$enable-grid-classes
ʻaʻole hoʻopau hou i ka hana ʻana o nā papa pahu. E nana #29146. -
Hoʻohou i ka
make-col
mixin i paʻamau i nā kolamu like ʻole me ka nui ʻole.
Maʻiʻo, Reboot, etc
-
Ua hoʻohana ʻia ʻo RFS ma ka paʻamau. ʻO nā poʻomanaʻo e hoʻohana ana i ka
font-size()
mixin e hoʻoponopono ʻokoʻa i ko lākoufont-size
ʻano me ka viewport. Ua koho mua ʻia kēia hiʻohiʻona me v4. -
HaʻihaʻiHoʻoponopono i kā mākou hōʻike kiʻi kiʻi e hoʻololi i kā mākou mau
$display-*
loli a me kahi$display-font-sizes
palapala Sass. Wehe pū kekahi i nā ʻano$display-*-weight
hoʻololi hoʻokahi no hoʻokahi s i$display-font-weight
hoʻoponoponofont-size
ʻia. -
Hoʻohui ʻia ʻelua
.display-*
nui poʻomanaʻo hou,.display-5
a me.display-6
. -
Kuhi ʻia nā loulou e ka paʻamau (ʻaʻole ma ka hover wale nō), ke ʻole lākou he ʻāpana o nā ʻāpana kikoʻī.
-
Nā papa ʻaina i hoʻolālā hou ʻia e hōʻoluʻolu i ko lākou mau ʻano a kūkulu hou iā lākou me nā mea hoʻololi CSS no ka hoʻomalu hou ʻana i ke ʻano.
-
HaʻihaʻiʻAʻole hoʻoili ʻia nā ʻano ʻano i nā papa ʻaina.
-
Haʻihaʻi
.thead-light
a.thead-dark
hoʻokuʻu ʻia no nā.table-*
papa ʻokoʻa i hiki ke hoʻohana ʻia no nā mea papa ʻaina āpau (thead
,tbody
,tfoot
,tr
,th
a metd
). -
HaʻihaʻiHoʻololi
table-row-variant()
hou ʻia ka mixin a ʻae i nā ʻāpana ʻeluatable-variant()
wale nō:$color
(inoa kala) a me$value
(code kala). Ua helu 'akomi 'ia ke kala palena a me ka leo ma muli o nā mea ho'ololi o ka papa. -
E hoʻokaʻawale i nā mea hoʻololi padding cell table i loko
-y
a-x
. -
HaʻihaʻiPapa haʻalele
.pre-scrollable
. E nana #29135 -
Haʻihaʻi
.text-*
ʻAʻole hoʻohui hou nā mea hoʻohana i ka hover a me ka nānā ʻana i nā loulou..link-*
Hiki ke hoʻohana ʻia nā papa kōkua. E nana #29267 -
HaʻihaʻiPapa haʻalele
.text-justify
. E nana #29793 -
padding-left
Hoʻihoʻi hou i ka pae paʻamau<ul>
a me<ol>
nā mea mai ka polokalamu kele pūnaewele40px
i2rem
. -
Hoʻohui ʻia
$enable-smooth-scroll
, e pili anascroll-behavior: smooth
i ka honua holoʻokoʻa—koe wale nō nā mea hoʻohana e noi ana i ka neʻe hōʻemi ma oprefers-reduced-motion
ka nīnau media. E nana #31877
RTL
- Ua kapa hou ʻia nā ʻano hoʻololi kikoʻī, nā pono, a me nā mixins no ka hoʻohana ʻana i nā waiwai kūpono e like me nā mea i loaʻa ma nā hoʻonohonoho flexbox—e laʻa,
start
aend
ma kahi oleft
aright
.
Nā palapala
-
Hoʻohui ʻia nā palapala lana hou! Ua paipai mākou i ka laʻana o nā lepili lana i nā ʻāpana puka kākoʻo piha. E ʻike i ka ʻaoʻao lepili lana hou.
-
Haʻihaʻi Hoʻohui ʻia nā ʻano mea ʻōiwi a me nā mea maʻamau. Ua hoʻohui ʻia nā pahu pahu, nā lekiō, nā koho, a me nā mea hoʻokomo ʻē aʻe i loaʻa nā papa ʻōiwi a maʻamau ma v4. I kēia manawa, ʻaneʻane maʻamau a pau kā mākou ʻano mea, ʻo ka hapa nui me ka ʻole o ka HTML maʻamau.
.custom-check
i kēia manawa.form-check
..custom-check.custom-switch
i kēia manawa.form-check.form-switch
..custom-select
i kēia manawa.form-select
..custom-file
a.form-file
ua pani ʻia e nā ʻano maʻamau ma luna o.form-control
..custom-range
i kēia manawa.form-range
.- Haʻalele ʻia ka ʻōiwi
.form-control-file
a me.form-control-range
.
-
HaʻihaʻiHāʻule
.input-group-append
a.input-group-prepend
. Hiki iā ʻoe ke hoʻohui i nā pihi a.input-group-text
me nā keiki pololei o nā pūʻulu hoʻokomo. -
Ua hoʻopaʻa hope ʻia ka radius palena ʻole lōʻihi ma ka pūʻulu hoʻokomo me ka hōʻoia hōʻoia ʻana ma o ka hoʻohui ʻana i kahi
.has-validation
papa hou i nā pūʻulu hoʻokomo me ka hōʻoia. -
Haʻihaʻi Hoʻokuʻu ʻia nā papa hoʻolālā kikoʻī no kā mākou ʻōnaehana mānoanoa. E hoʻohana i kā mākou mānoanoa a me nā pono hana ma kahi o
.form-group
,.form-row
, a i ʻole.form-inline
. -
HaʻihaʻiPono nā lepili palapala i kēia manawa
.form-label
. -
Haʻihaʻi
.form-text
ʻaʻole i hoʻonohonoho houdisplay
, e ʻae iā ʻoe e hana i ka laina a i ʻole ka poloka i ke kikokikona kōkua e like me kou makemake ma ka hoʻololi ʻana i ka mea HTML. -
ʻAʻole hoʻohana hou ʻia nā kiʻi hōʻoia i
<select>
s memultiple
. -
Hoʻonohonoho hou ʻia nā faila Sass kumu ma lalo o
scss/forms/
, me nā ʻano hui hoʻokomo.
Nā ʻāpana
- ʻO nā waiwai i hui pū ʻia no nā mākaʻikaʻi, nā ʻāpana palaoa, nā kāleka, nā hāʻule iho, nā pūʻulu papa inoa, nā modals
padding
, nā popovers, a me nā ʻōlelo aʻoaʻo e hoʻokumu ʻia ma kā mākou ʻano$spacer
. E nana #30564 .
Accordion
- Hoʻohui ʻia ka ʻāpana accordion hou .
ʻO nā makaʻala
-
Loaʻa i nā mākaʻi nā hiʻohiʻona me nā kiʻi .
-
Wehe ʻia nā ʻano maʻamau no nā
<hr>
s i kēlā me kēia makaʻala no ka mea ua hoʻohana mua lākoucurrentColor
.
Nā hōʻailona
-
HaʻihaʻiHoʻokuʻu i
.badge-*
nā papa waihoʻoluʻu a pau no nā pono hope (e laʻa, hoʻohana.bg-primary
ma kahi o.badge-primary
). -
HaʻihaʻiHāʻule - hoʻohana
.badge-pill
i ka.rounded-pill
pono. -
HaʻihaʻiWehe ʻia nā ʻano hover a me ka nānā ʻana no nā mea
<a>
a me<button>
nā mea. -
Hoʻonui ʻia ka padding paʻamau no nā hōʻailona mai
.25em
/.5em
a.35em
/.65em
.
Lai palaoa
-
Ua maʻalahi ka hiʻohiʻona paʻamau o nā ʻōpala berena ma ka wehe ʻana i ka
padding
,background-color
, a meborder-radius
. -
Hoʻohui i ka waiwai maʻamau CSS hou
--bs-breadcrumb-divider
no ka hana maʻalahi me ka ʻole e hoʻopili hou i ka CSS.
Nā pihi
-
Haʻihaʻi ʻAʻole koi hou nā pihi hoʻololi , me nā pahu pahu a i ʻole nā lekiō, iā JavaScript a loaʻa iā ia kahi hōʻailona hou. ʻAʻole mākou e koi hou i kahi mea ʻōwili, hoʻohui
.btn-check
i ka<input>
, a hui pū me nā.btn
papa ma ka<label>
. E nana #30650 . Ua neʻe nā palapala no kēia mai kā mākou ʻaoʻao ʻaoʻao i ka ʻāpana Forms hou. -
Haʻihaʻi Hoʻokuʻu
.btn-block
ʻia no nā pono hana. Ma kahi o ka hoʻohana ʻana.btn-block
ma ka.btn
, e kāʻei i kāu mau pihi me.d-grid
kahi.gap-*
pono e hoʻokaʻawale iā lākou inā pono. E hoʻololi i nā papa pane no ka mana hou aku ma luna o lākou. E heluhelu i nā palapala no kekahi mau laʻana. -
Hoʻohou i kā mākou hui
button-variant()
a mebutton-outline-variant()
nā mixins e kākoʻo i nā ʻāpana ʻē aʻe. -
Nā pihi hou e hōʻoia i ka hoʻonui ʻana i ka ʻokoʻa ma ka hover a me nā kūlana hana.
-
Loaʻa nā pihi kīnā ʻole i kēia manawa
pointer-events: none;
.
Kāleka
-
HaʻihaʻiHoʻokuʻu
.card-deck
ʻia i ka makemake o kā mākou paena. E kāʻei i kāu mau kāleka i nā papa kolamu a hoʻohui i kahi.row-cols-*
pahu makua e hana hou i nā papa kāleka (akā me ka mana ʻoi aʻe ma luna o ka alignment pane). -
HaʻihaʻiHoʻokuʻu
.card-columns
ʻia i ka makemake o Masonry. E nana #28922 . -
HaʻihaʻiUa hoʻololi ʻia ka
.card
accordion me kahi ʻāpana Accordion hou .
Carousel
-
Hoʻohui ʻia nā ʻano hou
.carousel-dark
no nā kikokikona ʻeleʻele, nā mana, a me nā hōʻailona (maikaʻi no nā kāʻei māmā). -
Hoʻololi i nā kiʻi chevron no nā mana carousel me nā SVG hou mai Bootstrap Icons .
Pani pani
-
HaʻihaʻiKapa
.close
hou.btn-close
ʻia i ka inoa maʻamau. -
Ke hoʻohana nei nā pihi pani i kahi
background-image
(SVG i hoʻokomo ʻia) ma kahi o×
ka HTML, e ʻae ai i ka hana maʻalahi me ka ʻole e hoʻopā i kāu markup. -
Hoʻohui ʻia kahi ʻano hou
.btn-close-white
e hoʻohanafilter: invert(1)
ai i hiki ke hoʻokaʻawale i nā kiʻi ʻokoʻa kiʻekiʻe e kūʻē i nā kumu ʻeleʻele.
Hāneʻe
- Wehe ʻia ka heleuma ʻōwili no nā accordions.
Nā hāʻule iho
-
Hoʻohui ʻia nā ʻano ʻokoʻa hou
.dropdown-menu-dark
a me nā mea hoʻololi e pili ana no ka hāʻule ʻana o ka pōʻeleʻele. -
Hoʻohui ʻia nā mea hoʻololi hou no
$dropdown-padding-x
. -
Ua pōʻeleʻele ka mea hoʻokaʻawale i lalo no ka hoʻomaikaʻi ʻana i ka ʻokoʻa.
-
HaʻihaʻiHoʻomaka ʻia nā hanana a pau no ka hāʻule iho i lalo ma ke pihi hoʻokuʻu iho i lalo a laila huʻi ʻia i ka mea makua.
-
Loaʻa i nā menus Dropdown kahi ʻano
data-bs-popper="static"
i hoʻonohonoho ʻia i ka wā e paʻa ai ke kūlana o ka hāʻule i lalo adata-bs-popper="none"
i ka wā e hāʻule ai i ka navbar. Hoʻohui ʻia kēia e kā mākou JavaScript a kōkua iā mākou e hoʻohana i nā ʻano kūlana maʻamau me ka ʻole e hoʻopilikia i ke kūlana o Popper. -
HaʻihaʻiKoho hāʻule no ka plugin dropdown
flip
i makemake i ka hoʻonohonoho Popper maoli. Hiki iā ʻoe ke hoʻopau i ka hana flipping ma ka hāʻawi ʻana i kahi ʻāpana ʻole nofallbackPlacements
ke koho i ka hoʻololi hoʻololi. -
Hiki ke kaomi ʻia nā menus dropdown me kahi
autoClose
koho hou e mālama ai i ke ʻano pili kaʻa . Hiki iā ʻoe ke hoʻohana i kēia koho no ka ʻae ʻana i ke kaomi i loko a i waho paha o ka papa kuhikuhi hāʻule i mea e hoʻopili ai. -
Ke kākoʻo nei nā hāʻule iho i nā
.dropdown-item
s i ʻōwili ʻia i<li>
s.
ʻO Jumbotron
- HaʻihaʻiHoʻokuʻu i ka ʻāpana jumbotron no ka mea hiki ke hana hou ʻia me nā pono. E ʻike i kā mākou hōʻailona Jumbotron hou no kahi demo.
Papa papa inoa
- Hoʻohui i nā
.list-group-numbered
mea hoʻololi hou i ka papa inoa o nā hui.
Navs a me nā papa
- Hoʻohui ʻia nā
null
mea hoʻololi hou nofont-size
,font-weight
,color
, a:hover
color
i ka.nav-link
papa.
Navbars
- HaʻihaʻiPono nā Navbars i kahi pahu i loko (e hoʻomaʻamaʻa maʻalahi i nā koi spacing a koi ʻia CSS).
Offcanvas
- Hoʻohui i ka ʻāpana offcanvas hou .
Ka helu helu
-
Hiki ke hoʻololi ʻia nā loulou ʻaoʻao i
margin-left
nā kihi a pau ke kaʻawale ʻana mai kekahi i kekahi. -
Hoʻohui
transition
ʻia nā s i nā loulou pagination.
Popovers
-
HaʻihaʻiKapa
.arrow
hou ʻia i.popover-arrow
loko o kā mākou papa kuhikuhi popover paʻamau. -
Kapa
whiteList
hou ʻia ke koho iallowList
.
Nā milo
-
Hoʻohanohano nā Spinners i kēia manawa
prefers-reduced-motion: reduce
ma ka hoʻolohi ʻana i nā animations. E nana #31882 . -
Hoʻomaikaʻi ʻia ka hoʻopololei ʻana i ka spinner.
Toasts
-
Hiki ke hoʻonoho ʻia nā toasts i kēia manawa
.toast-container
me ke kōkua o nā pono hoʻonohonoho . -
Hoʻololi ʻia ka lōʻihi o ka toast paʻamau i 5 kekona.
-
Wehe ʻia
overflow: hidden
mai nā toasts a hoʻololi ʻia me nāborder-radius
s kūpono mecalc()
nā hana.
Mea kōkua
-
HaʻihaʻiHoʻololi
.arrow
hou ʻia i.tooltip-arrow
loko o kā mākou mea hoʻohālike paʻamau. -
Haʻihaʻi
fallbackPlacements
Hoʻololi ʻia ka waiwai paʻamau no ka['top', 'right', 'bottom', 'left']
hoʻokomo maikaʻi ʻana o nā mea popper. -
HaʻihaʻiKapa
whiteList
hou ʻia ke koho iallowList
.
Nā pono hana
-
HaʻihaʻiHoʻololi hou i kekahi mau mea pono e hoʻohana i nā inoa waiwai kūpono ma mua o nā inoa kuhikuhi me ka hoʻohui ʻana o ke kākoʻo RTL:
- Kapa hou ʻia
.left-*
a.right-*
i.start-*
a.end-*
. - Kapa hou ʻia
.float-left
a.float-right
i.float-start
a.float-end
. - Kapa hou ʻia
.border-left
a.border-right
i.border-start
a.border-end
. - Kapa hou ʻia
.rounded-left
a.rounded-right
i.rounded-start
a.rounded-end
. - Kapa hou ʻia
.ml-*
a.mr-*
i.ms-*
a.me-*
. - Kapa hou ʻia
.pl-*
a.pr-*
i.ps-*
a.pe-*
. - Kapa hou ʻia
.text-left
a.text-right
i.text-start
a.text-end
.
- Kapa hou ʻia
-
HaʻihaʻiHoʻopaʻa ʻia nā palena ʻino ma ka paʻamau.
-
Hoʻohui ʻia ka
.bg-body
papa hou no ka hoʻonohonoho wikiwiki ʻana i ke<body>
kāʻei ʻana i nā mea ʻē aʻe. -
Hoʻohui ʻia nā pono kūlana hou no
top
,right
,bottom
, a meleft
. Aia nā waiwai i ka0
,50%
, a100%
no kēlā me kēia waiwai. -
Hoʻohui ʻia nā mea hou
.translate-middle-x
a me.translate-middle-y
nā pono hana i nā mea i hoʻonohonoho pono ʻia a i ʻole pololei. -
Hoʻohui ʻia nā
border-width
pono hana hou . -
HaʻihaʻiKapa
.text-monospace
hou ʻia i.font-monospace
. -
HaʻihaʻiWehe
.text-hide
ʻia ʻo ia ke ʻano hana kahiko no ka hūnā ʻana i nā kikokikona ʻaʻole pono e hoʻohana hou ʻia. -
Hoʻohui
.fs-*
ʻia nā pono hana nofont-size
nā pono hana (me ka RFS i hiki). Hoʻohana kēia mau mea i ka pālākiō like me nā poʻomanaʻo paʻamau o HTML (1-6, nui a liʻiliʻi), a hiki ke hoʻololi ʻia ma o ka palapala ʻāina Sass. -
HaʻihaʻiHoʻololi hou ʻia
.font-weight-*
nā pono hana.fw-*
no ka pōkole a me ke kūlike. -
HaʻihaʻiHoʻololi hou ʻia
.font-style-*
nā pono hana.fst-*
no ka pōkole a me ke kūlike. -
Hoʻohui
.d-grid
ʻia e hōʻike i nā pono hana a me nāgap
pono hou (.gap
) no ka CSS Grid a me nā hoʻolālā flexbox. -
HaʻihaʻiWehe ʻia
.rounded-sm
arounded-lg
, a hoʻokomo i kahi pālākiō hou o nā papa,.rounded-0
i.rounded-3
. E nana #31687 . -
Hoʻohui ʻia nā
line-height
pono hana hou:.lh-1
,.lh-sm
,.lh-base
a.lh-lg
. E nana maanei . -
Ua hoʻoneʻe i ka
.d-none
pono ma kā mākou CSS e hāʻawi i ke kaumaha ma mua o nā pono hōʻike ʻē aʻe. -
Hoʻonui i ke
.visually-hidden-focusable
kōkua e hana pū i nā ipu, me ka hoʻohana ʻana i:focus-within
.
Nā mea kōkua
-
Haʻihaʻi Ua kapa hou ʻia nā mea kōkua hoʻopili pane i ka ratio o nā mea kōkua me nā inoa papa hou a me nā ʻano i hoʻomaikaʻi ʻia, a me kahi hoʻololi CSS kōkua.
- Ua kapa hou ʻia nā papa e hoʻololi
by
ix
ka lākiō hiʻohiʻona. Eia kekahi laʻana,.ratio-16by9
i kēia manawa.ratio-16x9
. - Ua hoʻokuʻu mākou i ka
.embed-responsive-item
mea koho pūʻulu a me ka mea koho no ka mea.ratio > *
koho maʻalahi. ʻAʻohe papa e pono ai, a ke hana nei ka mea kōkua ratio me kekahi mea HTML. - Ua
$embed-responsive-aspect-ratios
kapa hou ʻia ka palapala ʻāina ʻo Sass$aspect-ratios
a ua maʻalahi kona mau waiwai e hoʻokomo i ka inoa papa a me ka pākēneka e like me kakey: value
pālua. - Hoʻokumu ʻia nā mea hoʻololi CSS i kēia manawa a hoʻokomo ʻia no kēlā me kēia waiwai ma ka palapala Sass. Hoʻololi i ka ʻano
--bs-aspect-ratio
hoʻololi ma ka.ratio
no ka hana ʻana i kekahi lākiō hiʻohiʻona maʻamau .
- Ua kapa hou ʻia nā papa e hoʻololi
-
Haʻihaʻi ʻO nā papa "heluhelu maka" i kēia manawa he mau papa "huna ʻike ʻia" .
- Ua hoʻololi i ka faila Sass mai
scss/helpers/_screenreaders.scss
kascss/helpers/_visually-hidden.scss
- Kapa hou ʻia
.sr-only
a.sr-only-focusable
i.visually-hidden
a.visually-hidden-focusable
- Hoʻololi ʻia
sr-only()
asr-only-focusable()
hui pū ʻia ivisually-hidden()
a mevisually-hidden-focusable()
.
- Ua hoʻololi i ka faila Sass mai
-
bootstrap-utilities.css
i kēia manawa pū kekahi me kā mākou mau kōkua. ʻAʻole pono e hoʻokomo hou ʻia nā mea kōkua i nā hana maʻamau.
JavaScript
-
Hoʻopau i ka hilinaʻi jQuery a kākau hou i nā plugins i loko o ka JavaScript maʻamau.
-
HaʻihaʻiHoʻokaʻawale ʻia nā ʻikepili ʻikepili no nā plugins JavaScript āpau e kōkua i ka hoʻokaʻawale ʻana i ka hana Bootstrap mai nā ʻaoʻao ʻekolu a me kāu code ponoʻī. No ka laʻana, hoʻohana mākou
data-bs-toggle
ma kahi odata-toggle
. -
Hiki i nā plugins āpau ke ʻae i kahi mea koho CSS ma ke ʻano he hoʻopaʻapaʻa mua. Hiki iā ʻoe ke hāʻawi i kahi mea DOM a i ʻole kekahi mea koho CSS kūpono e hana i kahi hiʻohiʻona hou o ka plugin:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
hiki ke hoʻoholo ʻia ma ke ʻano he hana e ʻae i ka config Popper paʻamau o Bootstrap ma ke ʻano he hoʻopaʻapaʻa, i hiki iā ʻoe ke hoʻohui i kēia hoʻonohonoho paʻamau i kou ala. Pili i nā hāʻule iho, popovers, a me nā mea hana. -
Hoʻololi ʻia ka waiwai paʻamau no ka hoʻokomo ʻana
fallbackPlacements
i['top', 'right', 'bottom', 'left']
nā mea Popper. Pili i nā hāʻule iho, popovers, a me nā mea hana. -
Wehe ʻia ka underscore mai nā ʻano static ākea e like me
_getInstance()
→getInstance()
.