Migrasi ka v5
Lacak sareng marios parobihan kana file sumber Bootstrap, dokuméntasi, sareng komponén pikeun ngabantosan anjeun migrasi tina v4 ka v5.
Depéndensi
- Dileupaskeun jQuery.
- Ditingkatkeun tina Popper v1.x ka Popper v2.x.
- Ngaganti Libsass ku Dart Sass salaku kompiler Sass kami dibéré Libsass ieu deprecated.
- Migrasi ti Jekyll ka Hugo pikeun ngawangun dokuméntasi kami
Rojongan browser
- Ngaleungitkeun Internet Explorer 10 sareng 11
- Turunkeun Microsoft Edge <16 (Legacy Edge)
- Dileupaskeun Firefox <60
- Dileupaskeun Safari <12
- Ngaleupaskeun iOS Safari <12
- Chrome turun <60
parobahan dokuméntasi
- Halaman utama anu didesain ulang, perenah dokumén, sareng footer.
- Ditambahkeun pituduh Parsél énggal .
- Ditambahkeun bagian Sesuaikeun anyar , ngagentos halaman Theming v4 , kalayan detil énggal ngeunaan Sass, pilihan konfigurasi global, skéma warna, variabel CSS, sareng seueur deui.
- Reorganisasi sadaya dokuméntasi formulir kana bagian Bentuk anyar , megatkeun eta eusi kana kaca leuwih difokuskeun.
- Nya kitu, diropéa bagian Layout , pikeun flesh kaluar eusi grid leuwih jelas.
- Ngaganti ngaran "Navs" kaca komponén jadi "Navs & Tab".
- Ganti nami halaman "Cék" janten "Cék & radio".
- Ngadesain ulang navbar sareng nambihan subnav énggal pikeun ngagampangkeun pikeun ngurilingan situs sareng versi dokumén kami.
- Ditambahkeun potong kompas keyboard anyar pikeun widang teangan: Ctrl + /.
Sass
-
Kami parantos ngaleungitkeun peta Sass standar pikeun ngagampangkeun ngahapus nilai anu kaleuleuwihan. Émut yén anjeun ayeuna kedah netepkeun sadaya nilai dina peta Sass sapertos
$theme-colors
. Pariksa kumaha cara nungkulan peta Sass . -
MeupeuskeunGanti ngaran
color-yiq()
fungsi sareng variabelcolor-contrast()
anu aya hubunganana janten henteu aya hubunganana sareng ruang warna YIQ. Tempo #30168.$yiq-contrasted-threshold
diganti ngaranna jadi$min-contrast-ratio
.$yiq-text-dark
tur$yiq-text-light
masing-masing diganti jadi$color-contrast-dark
na$color-contrast-light
.
-
MeupeuskeunParameter mixin query média parantos robih pikeun pendekatan anu langkung logis.
media-breakpoint-down()
ngagunakeun breakpoint sorangan tinimbang breakpoint salajengna (contona,media-breakpoint-down(lg)
tinimbangmedia-breakpoint-down(md)
target viewports leuwih leutik batanlg
).- Nya kitu, parameter kadua dina
media-breakpoint-between()
ogé ngagunakeun breakpoint sorangan tinimbang breakpoint salajengna (misalna,media-between(sm, lg)
tinimbangmedia-breakpoint-between(sm, md)
target viewports antarasm
nalg
).
-
MeupeuskeunDipiceun gaya print na
$enable-print-styles
variabel. Kelas tampilan print masih aya. Tempo #28339 . -
MeupeuskeunDropped
color()
,theme-color()
, sartagray()
fungsi dina ni'mat variabel. Tempo #29083 . -
Meupeuskeun
theme-color-level()
Pungsi anu diganti jantencolor-level()
sareng ayeuna nampi warna anu anjeun pikahoyong tibatan ngan ukur$theme-color
warna. Tempo # 29083 Awas:color-level()
ieu engké dina turun div5.0.0-alpha3
. -
MeupeuskeunDiganti ngaran
$enable-prefers-reduced-motion-media-query
jeung$enable-pointer-cursor-for-buttons
ka$enable-reduced-motion
jeung$enable-button-pointers
pikeun singgetan. -
MeupeuskeunDipiceun
bg-gradient-variant()
mixin. Anggo.bg-gradient
kelas pikeun nambihan gradién kana elemen tibatan.bg-gradient-*
kelas anu dihasilkeun. -
Meupeuskeun Dipiceun mixins saméméhna deprecated:
hover
,hover-focus
,plain-hover-focus
, jeunghover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(ogé turun kelas utiliti pakait,.text-hide
)visibility()
form-control-focus()
-
MeupeuskeunNgaganti ngaran
scale-color()
fungsi pikeunshift-color()
nyegah tabrakan jeung fungsi skala warna Sass sorangan. -
box-shadow
mixins ayeuna ngidinannull
nilai tur teundeunnone
tina sababaraha argumen. Tempo #30394 . -
Mixin
border-radius()
ayeuna gaduh nilai standar.
Sistem warna
-
Sistem warna anu dianggo sareng
color-level()
dihapus$theme-color-interval
pikeun milih sistem warna énggal. Sadayalighten()
sarengdarken()
fungsi dina basis kode urang diganti kutint-color()
sarengshade-color()
. Pungsi ieu bakal nyampur warna boh bodas atawa hideung tinimbang ngarobah lightness na ku jumlah tetep. Bakalshift-color()
ngawarnaan atanapi ngiuhan warna gumantung kana naha parameter beuratna positip atanapi négatif. Tempo #30622 pikeun leuwih rinci. -
Ditambahkeun tints anyar jeung nuansa pikeun unggal warna, nyadiakeun salapan kelir misah pikeun tiap warna dasar, salaku variabel Sass anyar.
-
Ningkatkeun kontras warna. Rasio kontras warna nabrak tina 3: 1 ka 4.5: 1 sareng diropéa warna biru, héjo, cyan, sareng pink pikeun mastikeun kontras WCAG 2.1 AA. Ogé robah warna kontras warna urang ti
$gray-900
ka$black
. -
Pikeun ngadukung sistem warna kami, kami parantos nambihan adat
tint-color()
sarengshade-color()
fungsi anyar pikeun nyampur warna kami kalayan leres.
apdet grid
-
breakpoint anyar! Ditambahkeun
xxl
breakpoint anyar pikeun1400px
jeung up. Taya parobahan ka sadaya breakpoints séjén. -
Ngaronjat talang. Talang ayeuna disetél dina rém, sareng langkung heureut tibatan v4 (
1.5rem
, atanapi sakitar24px
, turun tina30px
). Ieu aligns talang sistem grid urang jeung utilitas spasi urang.- Ditambahkeun kelas talang anyar (
.g-*
,,.gx-*
jeung.gy-*
) pikeun ngadalikeun talang horizontal/vertikal, talang horizontal, jeung talang vertikal. - MeupeuskeunDiganti ngaran
.no-gutters
pikeun.g-0
cocog utilitas talang anyar.
- Ditambahkeun kelas talang anyar (
-
Kolom henteu deui
position: relative
dilarapkeun, janten anjeun kedah nambihan.position-relative
sababaraha elemen pikeun mulangkeun kabiasaan éta. -
MeupeuskeunTurun sababaraha
.order-*
kelas anu sering henteu dianggo. Urang ayeuna ngan nyadiakeun.order-1
keur.order-5
out of the box. -
MeupeuskeunTurunkeun
.media
komponén sabab tiasa gampang ditiru sareng utilitas. Tingali #28265 sareng halaman utiliti fleksibel pikeun conto . -
Meupeuskeun
bootstrap-grid.css
ayeuna ngan manglakubox-sizing: border-box
ka kolom tinimbang ngareset global box-sizing. Ku cara ieu, gaya grid urang tiasa dianggo di langkung seueur tempat tanpa gangguan. -
$enable-grid-classes
euweuh disables generasi kelas wadahna deui. Tempo #29146. -
Ngamutahirkeun mixin
make-col
ka standar kana kolom anu sami tanpa ukuran anu ditangtukeun.
Eusi, Reboot, jsb
-
RFS ayeuna diaktipkeun sacara standar. Judul anu nganggo
font-size()
mixin bakal otomatis nyaluyukeunfont-size
kana skala sareng viewport. Fitur ieu sateuacana milih sareng v4. -
MeupeuskeunNgarobih tipografi tampilan kami pikeun ngagentos
$display-*
variabel kami sareng$display-font-sizes
peta Sass. Ogé dipiceun$display-*-weight
variabel individu pikeun s tunggal$display-font-weight
jeung disaluyukeunfont-size
. -
Ditambahkeun dua
.display-*
ukuran judul anyar,.display-5
jeung.display-6
. -
Tumbu digariskeun sacara standar (henteu ngan ukur dina hover), kecuali aranjeunna bagian tina komponén khusus.
-
Tabel anu didesain ulang pikeun nyegerkeun gaya sareng ngawangun deui nganggo variabel CSS pikeun langkung seueur kontrol dina gaya.
-
Meupeuskeuntabél Nested teu inherit gaya deui.
-
Meupeuskeun
.thead-light
sarta.thead-dark
turun di ni'mat kelas varian nu.table-*
bisa dipaké pikeun sakabéh elemen tabel (thead
,,,,, jeung ) .tbody
tfoot
tr
th
td
-
MeupeuskeunMixin
table-row-variant()
diganti ngarannatable-variant()
jeung narima ukur 2 parameter:$color
(ngaran warna) jeung$value
(kode warna). Warna wates jeung warna aksen otomatis diitung dumasar kana variabel faktor tabel. -
Méja pamisah sél padding variabel kana
-y
na-x
. -
MeupeuskeunKelas turun
.pre-scrollable
. Tempo #29135 -
Meupeuskeun
.text-*
Utiliti henteu nambihan kaayaan hover sareng fokus kana tautan deui..link-*
kelas nulungan bisa dipaké gantina. Tempo #29267 -
MeupeuskeunKelas turun
.text-justify
. Tempo #29793 -
Meupeuskeun
<hr>
elemen ayeuna makeheight
tinimbangborder
kana hadé ngarojongsize
atribut. Ieu ogé ngamungkinkeun pamakéan utilitas padding pikeun nyieun dividers kandel (misalna,<hr class="py-1">
). -
Reset standar horisontal
padding-left
on<ul>
na<ol>
elemen ti browser standar40px
ka2rem
. -
Ditambahkeun
$enable-smooth-scroll
, nu lumakuscroll-behavior: smooth
sacara global-iwal pamaké nanya pikeun ngurangan gerak ngaliwatanprefers-reduced-motion
pamundut média. Tempo #31877
RTL
- Variabel spésifik arah horisontal, utilitas, sareng mixin sadayana parantos diganti namina nganggo sipat logis sapertos anu aya dina perenah flexbox-contona,
start
sarengend
gagantileft
sarengright
.
Bentuk
-
Ditambahkeun bentuk ngambang anyar! Kami parantos ngamajukeun conto labél Ngambang kana komponén formulir anu dirojong sapinuhna. Tempo kaca labél Ngambang anyar.
-
Meupeuskeun Ngahijikeun unsur bentuk asli sareng adat. Kotak centang, radio, pilihan, sareng input sanésna anu ngagaduhan kelas asli sareng khusus dina v4 parantos dihijikeun. Ayeuna ampir kabéh elemen formulir urang sagemblengna custom, paling tanpa merlukeun HTML custom.
.custom-check
ayeuna.form-check
..custom-check.custom-switch
ayeuna.form-check.form-switch
..custom-select
ayeuna.form-select
..custom-file
sarta.form-file
geus diganti ku gaya custom on luhureun.form-control
..custom-range
ayeuna.form-range
.- Diturunkeun asli
.form-control-file
na.form-control-range
.
-
MeupeuskeunDiturunkeun
.input-group-append
jeung.input-group-prepend
. Anjeun ayeuna tiasa nambihan tombol sareng.input-group-text
salaku murangkalih langsung tina grup input. -
Radius wates Leungit anu parantos lami dina grup input sareng bug eupan balik validasi tungtungna dibenerkeun ku nambihan kelas tambahan
.has-validation
kana grup input kalayan validasi. -
Meupeuskeun Turunkeun kelas perenah khusus bentuk pikeun sistem grid kami. Anggo grid sareng utilitas kami tibatan
.form-group
,.form-row
, atanapi.form-inline
. -
MeupeuskeunFormulir labél ayeuna merlukeun
.form-label
. -
Meupeuskeun
.form-text
euweuh setdisplay
, ngidinan Anjeun pikeun nyieun inline atawa blok pitulung téks sakumaha dipikahoyongna ngan ku ngarobah unsur HTML. -
Ikon validasi henteu deui dilarapkeun ka
<select>
s kalawanmultiple
. -
Disusun deui file Sass sumber dina
scss/forms/
, kaasup gaya grup input.
Komponén
- Nilai
padding
ngahiji pikeun panggeuing, breadcrumbs, kartu, dropdowns, grup daptar, modals, popovers, sarta tooltips dumasar kana$spacer
variabel urang. Tempo #30564 .
Akordion
- Ditambahkeun komponén akordion anyar .
Siaga
-
Tanda ayeuna gaduh conto sareng ikon .
-
Dipiceun gaya custom pikeun
<hr>
s dina unggal ngageter saprak maranéhna geus ngagunakeuncurrentColor
.
Lencana
-
MeupeuskeunTurunkeun sadaya
.badge-*
kelas warna pikeun utilitas latar (contona, dianggo.bg-primary
tibatan.badge-primary
). -
MeupeuskeunDiturunkeun
.badge-pill
— nganggo.rounded-pill
utilitas tibatan. -
MeupeuskeunDipiceun hover jeung gaya fokus pikeun
<a>
jeung<button>
elemen. -
Ngaronjat padding standar pikeun badges ti
.25em
/.5em
ka.35em
/.65em
.
Breadcrumbs
-
Nyederhanakeun tampilan standar tina breadcrumbs ku nyoplokkeun
padding
,background-color
, jeungborder-radius
. -
Nambahkeun sipat khusus CSS anyar
--bs-breadcrumb-divider
pikeun kustomisasi gampang tanpa kedah recompile CSS.
Kancing
-
Meupeuskeun Toggle tombol , kalawan kotak centang atawa radio, euweuh merlukeun JavaScript sarta boga markup anyar. Urang euweuh merlukeun unsur wrapping, tambahkeun
.btn-check
ka<input>
, sarta masangkeun eta kalawan sagala.btn
kelas on<label>
. Tempo #30650 . Dokumén pikeun ieu parantos ngalih tina halaman Kancing kami ka bagian Bentuk anyar. -
Meupeuskeun Diturunkeun
.btn-block
pikeun utilitas. Gantina ngagunakeun.btn-block
dina.btn
, mungkus tombol Anjeun.d-grid
sareng.gap-*
utilitas pikeun spasi aranjeunna sakumaha diperlukeun. Pindah ka kelas responsif pikeun kontrol anu langkung seueur. Baca docs pikeun sababaraha conto. -
Diropéa kami
button-variant()
sarengbutton-outline-variant()
mixins pikeun ngadukung parameter tambahan. -
Tombol anu diropéa pikeun mastikeun kontras anu ningkat dina kaayaan hover sareng aktip.
-
Tombol ditumpurkeun ayeuna gaduh
pointer-events: none;
.
Kartu
-
MeupeuskeunTurun
.card-deck
dina kahadean grid kami. Bungkus kartu anjeun dina kelas kolom jeung tambahkeun.row-cols-*
wadahna indungna pikeun nyieun deui dek kartu (tapi kalawan kontrol leuwih alignment responsif). -
MeupeuskeunTurun
.card-columns
dina kahadean Masonry. Tempo #28922 . -
MeupeuskeunNgaganti
.card
akordion dumasar kana komponén Akordion anyar .
Carousel
-
Nambahkeun
.carousel-dark
varian anyar pikeun téks poék, kontrol, sareng indikator (saé kanggo latar anu langkung hampang). -
Ngaganti ikon chevron pikeun kadali carousel kalawan SVGs anyar tina Bootstrap Ikon .
Tombol tutup
-
MeupeuskeunDiganti ngaran
.close
jadi.btn-close
keur ngaran kirang generik. -
Tutup tombol ayeuna make a
background-image
(embedded SVG) tinimbang a×
dina HTML, sahingga pikeun kustomisasi gampang tanpa kudu noél markup Anjeun. -
Nambahkeun
.btn-close-white
varian anyar anu dianggofilter: invert(1)
pikeun ngaktifkeun kontras anu langkung luhur pikeun ngaleungitkeun ikon ngalawan latar anu langkung poék.
Rubuh
- Dipiceun ngagugulung anchoring pikeun akordion.
Dropdowns
-
Nambahkeun
.dropdown-menu-dark
varian anyar sareng variabel anu aya hubunganana pikeun dropdown poék dina paménta. -
Ditambahkeun variabel anyar pikeun
$dropdown-padding-x
. -
Poékkeun pamisah lungsur pikeun ningkatkeun kontras.
-
MeupeuskeunSadaya kajadian pikeun dropdown ayeuna dipicu dina tombol toggle dropdown lajeng bubbled nepi ka elemen indungna.
-
Menu dropdown ayeuna gaduh
data-bs-popper="static"
set atribut nalika posisi dropdown statik sarengdata-bs-popper="none"
nalika dropdown aya dina navbar. Ieu ditambahkeun ku JavaScript urang tur mantuan kami ngagunakeun gaya posisi custom tanpa interfering jeung posisi Popper urang. -
MeupeuskeunPilihan turun
flip
pikeun plugin dropdown pikeun konfigurasi Popper asli. Anjeun ayeuna tiasa nganonaktipkeun paripolah flipping ku ngalangkungan array kosong pikeunfallbackPlacements
pilihan dina modifier flip . -
Menu dropdown ayeuna tiasa diklik sareng
autoClose
pilihan énggal pikeun nanganan paripolah nutup otomatis . Anjeun tiasa nganggo pilihan ieu pikeun nampi klik di jero atanapi di luar menu dropdown pikeun ngajantenkeun interaktif. -
Dropdowns ayeuna ngarojong
.dropdown-item
s dibungkus dina<li>
s.
Jumbotron
- MeupeuskeunDropped komponén jumbotron sakumaha eta bisa replicated kalawan Utiliti. Tempo conto Jumbotron anyar kami pikeun demo.
Daptar grup
- Ditambahkeun
.list-group-numbered
modifier anyar pikeun daptar grup.
Navs jeung tab
- Nambahkeun
null
variabel anyar pikeunfont-size
,font-weight
,color
, jeung:hover
color
ka.nav-link
kelas.
Navbars
- MeupeuskeunNavbars ayeuna merlukeun wadahna dina (pikeun nyederhanakeun drastis syarat spasi na CSS diperlukeun).
Offcanvas
- Nambahkeun komponén offcanvas anyar .
Pagination
-
Tumbu pagination kiwari geus customizable
margin-left
nu dinamis rounded on sakabeh juru lamun dipisahkeun tina hiji lianna. -
Ditambahkeun
transition
s kana tumbu pagination.
Popovers
-
MeupeuskeunDiganti ngaran
.arrow
jadi.popover-arrow
dina template popover standar urang. -
Ngaganti ngaran
whiteList
pilihan jadiallowList
.
Spinners
-
Spinners ayeuna ngahargaan
prefers-reduced-motion: reduce
ku ngalambatkeun animasi. Tempo #31882 . -
Ningkatkeun alignment nangtung spinner.
Roti bakar
-
Roti bakar ayeuna tiasa diposisikan dina
.toast-container
kalayan bantosan utilitas posisi . -
Robah durasi roti bakar standar jadi 5 detik.
-
Dipiceun
overflow: hidden
roti bakar jeung diganti kuborder-radius
s ditangtoskeun jeungcalc()
fungsi.
Tooltips
-
MeupeuskeunDiganti ngaran
.arrow
jadi.tooltip-arrow
dina template tooltip standar urang. -
MeupeuskeunNilai standar pikeun
fallbackPlacements
dirobah jadi['top', 'right', 'bottom', 'left']
pikeun panempatan hadé tina elemen popper. -
MeupeuskeunNgaganti ngaran
whiteList
pilihan jadiallowList
.
Utiliti
-
MeupeuskeunNgaganti ngaran sababaraha utilitas pikeun ngagunakeun ngaran sipat logis tinimbang ngaran arah kalawan tambahan rojongan RTL:
- Diganti ngaran
.left-*
jeung.right-*
ka.start-*
jeung.end-*
. - Diganti ngaran
.float-left
jeung.float-right
ka.float-start
jeung.float-end
. - Diganti ngaran
.border-left
jeung.border-right
ka.border-start
jeung.border-end
. - Diganti ngaran
.rounded-left
jeung.rounded-right
ka.rounded-start
jeung.rounded-end
. - Diganti ngaran
.ml-*
jeung.mr-*
ka.ms-*
jeung.me-*
. - Diganti ngaran
.pl-*
jeung.pr-*
ka.ps-*
jeung.pe-*
. - Diganti ngaran
.text-left
jeung.text-right
ka.text-start
jeung.text-end
.
- Diganti ngaran
-
MeupeuskeunMargin négatip ditumpurkeun sacara standar.
-
Ditambahkeun
.bg-body
kelas anyar pikeun gancang nyetel<body>
's tukang ka elemen tambahan. -
Ditambahkeun Utiliti posisi anyar pikeun
top
,right
,bottom
, jeungleft
. Nilai ngawengku0
,50%
, sarta100%
pikeun tiap sipat. -
Ditambahkeun anyar
.translate-middle-x
&.translate-middle-y
Utiliti pikeun horisontal atanapi vertikal puseur mutlak / tetep elemen diposisikan. -
Ditambahkeun
border-width
utiliti anyar . -
MeupeuskeunDiganti ngaran
.text-monospace
jadi.font-monospace
. -
MeupeuskeunDihapus
.text-hide
sabab éta metode kuno pikeun nyumputkeun téks anu henteu kedah dianggo deui. -
Utiliti ditambahkeun
.fs-*
pikeunfont-size
Utiliti (kalawan RFS diaktipkeun). Ieu nganggo skala anu sami sareng judul standar HTML (1-6, ageung dugi ka alit), sareng tiasa dirobih ngalangkungan peta Sass. -
MeupeuskeunDiganti ngaran
.font-weight-*
utiliti sakumaha.fw-*
brevity jeung konsistensi. -
MeupeuskeunDiganti ngaran
.font-style-*
utiliti sakumaha.fst-*
brevity jeung konsistensi. -
Ditambahkeun
.d-grid
pikeun tampilan Utiliti sartagap
Utiliti anyar (.gap
) pikeun CSS Grid na flexbox layouts. -
MeupeuskeunDipiceun
.rounded-sm
narounded-lg
, sarta diwanohkeun skala anyar kelas,.rounded-0
ka.rounded-3
. Tempo #31687 . -
Ditambahkeun
line-height
utiliti anyar:.lh-1
,.lh-sm
,.lh-base
jeung.lh-lg
. Tingali di dieu . -
Mindahkeun
.d-none
utilitas dina CSS kami pikeun masihan langkung beurat tibatan utilitas tampilan anu sanés. -
Ngalegaan
.visually-hidden-focusable
helper pikeun ogé dianggo dina wadahna, ngagunakeun:focus-within
.
Pembantu
-
Meupeuskeun Helpers embed responsif geus diganti jadi helpers rasio kalawan ngaran kelas anyar jeung kabiasaan ningkat, kitu ogé variabel CSS mantuan.
- Kelas geus diganti ngaranna jadi robah
by
jadix
dina rasio aspék. Contona,.ratio-16by9
ayeuna.ratio-16x9
. - Kami parantos ngaleungitkeun
.embed-responsive-item
pamilih grup unsur sareng pamilih anu langkung saderhana.ratio > *
. Teu aya deui kelas anu diperyogikeun, sareng pembantu rasio ayeuna tiasa dianggo sareng unsur HTML. - Peta
$embed-responsive-aspect-ratios
Sass geus diganti jadi$aspect-ratios
sarta nilai na geus disederhanakeun ngawengku ngaran kelas jeung persentase salakukey: value
pasangan. - variabel CSS ayeuna dihasilkeun sarta kaasup pikeun tiap nilai dina peta Sass. Robah
--bs-aspect-ratio
variabel dina.ratio
pikeun nyieun sagala rasio aspék custom .
- Kelas geus diganti ngaranna jadi robah
-
Meupeuskeun Kelas "maca layar" ayeuna kelas "disumputkeun sacara visual" .
- Ngarobah file Sass ti
scss/helpers/_screenreaders.scss
kascss/helpers/_visually-hidden.scss
- Diganti ngaran
.sr-only
jeung.sr-only-focusable
ka.visually-hidden
jeung.visually-hidden-focusable
- Diganti ngaran
sr-only()
nasr-only-focusable()
mixins kavisually-hidden()
navisually-hidden-focusable()
.
- Ngarobah file Sass ti
-
bootstrap-utilities.css
ayeuna oge kaasup pembantu urang. Pembantu henteu kedah diimpor dina ngawangun khusus deui.
JavaScript
-
Turunkeun kagumantungan jQuery sareng rewrote plugins janten dina JavaScript biasa.
-
MeupeuskeunAtribut data pikeun sakabéh plugins JavaScript ayeuna namespaced pikeun mantuan ngabedakeun fungsionalitas Bootstrap ti pihak katilu jeung kode anjeun sorangan. Contona, urang nganggo
data-bs-toggle
tinimbangdata-toggle
. -
Sadaya plugins ayeuna tiasa nampi pamilih CSS salaku argumen anu munggaran. Anjeun tiasa ngalangkungan unsur DOM atanapi pamilih CSS anu sah pikeun nyiptakeun conto plugin énggal:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
bisa diliwatan salaku fungsi nu narima Bootstrap urang standar Popper config salaku argumen, ku kituna anjeun bisa ngagabungkeun konfigurasi standar ieu di jalan Anjeun. Manglaku ka dropdowns, popovers, sarta tooltips. -
Nilai standar pikeun
fallbackPlacements
dirobah jadi['top', 'right', 'bottom', 'left']
pikeun panempatan hadé tina elemen Popper. Manglaku ka dropdowns, popovers, sarta tooltips. -
Dihapus underscore tina métode statik umum kawas
_getInstance()
→getInstance()
.