Átállás v5-re
Kövesse nyomon és tekintse át a Bootstrap-forrásfájlok, a dokumentáció és az összetevők változásait, hogy segítsen áttérni a v4-ről a v5-re.
Függőségek
- Eldobta a jQuery-t.
- Popper v1.x verzióról Popper v2.x verzióra frissítve.
- A Libsass-t Dart Sass-ra cseréltük, mivel a Libsass-hoz tartozó Sass-fordítónk elavult volt.
- Jekyllről Hugóhoz költözött a dokumentációnk elkészítéséhez
Böngésző támogatás
- Elhagyta az Internet Explorer 10 és 11 böngészőt
- Eldobott Microsoft Edge < 16 (Legacy Edge)
- Eldobta a Firefox < 60
- Eldobott Safari < 12
- Eldobott iOS Safari < 12
- Eldobott króm < 60
Változások a dokumentációban
- Újratervezett kezdőlap, dokumentumok elrendezése és lábléce.
- Új csomagkalauz hozzáadva .
- Új Testreszabás szakasz került hozzáadásra , amely felváltja a v4 Theming oldalát , új részletekkel a Sass-ról, a globális konfigurációs beállításokról, a színsémákról, a CSS-változókról és még sok másról.
- Az összes űrlapdokumentációt átszerveztük egy új Űrlapok szakaszba , így a tartalmat fókuszáltabb oldalakra bontották.
- Hasonlóképpen frissítette az Elrendezés részt a rács tartalmának pontosítása érdekében.
- A „Navs” összetevő oldalát átnevezte „Navs & Tabs” névre.
- A „Csekk” oldal átnevezése „Csekkek és rádiók”-ra.
- Újraterveztük a navigációs sávot, és új subnav-t adtunk hozzá, hogy megkönnyítsük a webhelyek és a dokumentumok verzióinak megkerülését.
- Új billentyűparancs hozzáadva a keresőmezőhöz: Ctrl + /.
Sass
-
Elhagytuk az alapértelmezett Sass térképegyesítéseket, hogy megkönnyítsük a redundáns értékek eltávolítását. Ne feledje, hogy most minden értéket meg kell határoznia a Sass térképeken, például
$theme-colors
. Nézze meg, hogyan kell kezelni a Sass térképeket . -
Törés
color-yiq()
A függvény és a kapcsolódó változók átnevezvecolor-contrast()
a következőre: már nem kapcsolódik a YIQ színtérhez. Lásd #30168.$yiq-contrasted-threshold
át lett nevezve erre:$min-contrast-ratio
.$yiq-text-dark
és$yiq-text-light
ennek megfelelően átnevezzük$color-contrast-dark
és -ra$color-contrast-light
.
-
TörésA Media Query mixins paraméterei megváltoztak a logikusabb megközelítés érdekében.
media-breakpoint-down()
magát a töréspontot használja a következő töréspont helyett (pl . a -nál kisebb nézetablakok célzásamedia-breakpoint-down(lg)
helyett ).media-breakpoint-down(md)
lg
- Hasonlóképpen, a második paraméter
media-breakpoint-between()
is magát a töréspontot használja a következő töréspont helyett (pl . a és közötti nézetablakokmedia-between(sm, lg)
helyett ).media-breakpoint-between(sm, md)
sm
lg
-
TörésNyomtatási stílusok és
$enable-print-styles
változók eltávolítva. A nyomtatási megjelenítési osztályok még mindig vannak. Lásd: #28339 . -
TörésEldobta
color()
a ,theme-color()
, ésgray()
függvényeket a változók javára. Lásd: #29083 . -
Törés
theme-color-level()
A funkció átnevezte a következőre,color-level()
és mostantól bármilyen színt elfogad a színek helyett$theme-color
. Lásd: #29083 Vigyázat:color-level()
később bekerült av5.0.0-alpha3
. -
TörésÁtnevezve
$enable-prefers-reduced-motion-media-query
és$enable-pointer-cursor-for-buttons
-ra$enable-reduced-motion
és$enable-button-pointers
a rövidség kedvéért. -
TörésEltávolította a
bg-gradient-variant()
keverőt. Használja az.bg-gradient
osztályt színátmenetek hozzáadásához az elemekhez a generált.bg-gradient-*
osztályok helyett. -
Törés Korábban elavult keverések eltávolítva:
hover
,hover-focus
,plain-hover-focus
, éshover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(a hozzá tartozó használati osztályt is elhagyta,.text-hide
)visibility()
form-control-focus()
-
Törés
scale-color()
A funkciót átnevezte a következőre,shift-color()
hogy elkerülje a Sass saját színskálázási funkciójával való ütközést. -
box-shadow
A mixins mostantól engedélyezi aznull
értékeket ésnone
a több argumentumból való csökkenést. Lásd: #30394 . -
A
border-radius()
mixin most már alapértelmezett értéket kapott.
Színrendszer
-
A színrendszer, amely működött,
color-level()
és$theme-color-interval
eltávolították egy új színrendszer javára. A kódbázisunkban található összeslighten()
ésdarken()
függvény helyébetint-color()
ésshade-color()
. Ezek a funkciók a színt fehérrel vagy feketével keverik, ahelyett, hogy meghatározott mértékben módosítanák a világosságot. Ashift-color()
színt színezi vagy árnyékolja attól függően, hogy a súlyparamétere pozitív vagy negatív. További részletekért lásd: #30622 . -
Új árnyalatok és árnyalatok hozzáadva minden színhez, kilenc külön színt biztosítva minden alapszínhez, új Sass-változóként.
-
Javított színkontraszt. A színkontraszt aránya 3:1-ről 4,5:1-re változott, és frissített kék, zöld, cián és rózsaszín színek biztosítják a WCAG 2.1 AA kontrasztot. A színkontraszt színünket is megváltoztatta
$gray-900
-ról -ra$black
. -
Színrendszerünk támogatása érdekében új egyedi funkciókat
tint-color()
ésshade-color()
funkciókat adtunk hozzá a színek megfelelő keveréséhez.
Rács frissítések
-
Új töréspont!
xxl
Új töréspont hozzáadva ehhez1400px
és felfelé. Nincs változás az összes többi törésponton. -
Továbbfejlesztett ereszcsatornák. Az ereszcsatornák most remsben vannak beállítva, és keskenyebbek, mint a v4 (
1.5rem
, vagy körülbelül24px
, lefelé a -tól30px
). Ez összehangolja a rácsrendszerünk ereszcsatornáit a távolsági segédprogramjainkkal.- Új ereszcsatorna osztály (
.g-*
,.gx-*
, és ) hozzáadva.gy-*
a vízszintes/függőleges ereszcsatornák, vízszintes ereszcsatornák és függőleges ereszcsatornák vezérléséhez. - TörésÁtnevezve
.no-gutters
erre,.g-0
hogy megfeleljen az új ereszcsatorna-közműveknek.
- Új ereszcsatorna osztály (
-
Az oszlopok már nem
position: relative
érvényesek, ezért előfordulhat, hogy hozzá.position-relative
kell adnia néhány elemet a viselkedés visszaállításához. -
TörésTöbb olyan
.order-*
osztályt is kihagytak, amelyek gyakran használaton kívül voltak. Most már csak.order-1
a.order-5
dobozból kivéve. -
TörésEldobta az
.media
összetevőt, mivel könnyen reprodukálható segédprogramokkal. Példaért lásd: #28265 és a rugalmas segédprogramok oldala . -
Törés
bootstrap-grid.css
most csakbox-sizing: border-box
az oszlopra vonatkozik a globális dobozméret visszaállítása helyett. Így a rácsstílusaink több helyen is használhatók interferencia nélkül. -
$enable-grid-classes
többé nem tiltja le a tárolóosztályok létrehozását. Lásd #29146. -
A mixin alapértelmezettre frissítve
make-col
egyenlő oszlopokra, meghatározott méret nélkül.
Tartalom, újraindítás stb
-
Az RFS most alapértelmezés szerint engedélyezve van. A mixint használó fejlécek
font-size()
automatikusan hozzáigazítjákfont-size
a nézetablakhoz. Ezt a funkciót korábban a 4-es verziónál engedélyezték. -
TörésMegújítottuk a megjelenítési tipográfiánkat, hogy lecseréljük a
$display-*
változóinkat és egy$display-font-sizes
Sass térképet. Szintén eltávolította az egyes$display-*-weight
változókat az egyszeri$display-font-weight
és beállítottfont-size
s-hez. -
Két új
.display-*
címsorméret hozzáadva,.display-5
és.display-6
. -
A hivatkozások alapértelmezés szerint alá vannak húzva (nem csak lebegtetéskor), hacsak nem bizonyos összetevők részét képezik.
-
Újratervezett táblázatok stílusuk felfrissítésére és CSS-változókkal való újjáépítésére a stílus pontosabb szabályozása érdekében.
-
TörésA beágyazott táblázatok többé nem öröklik a stílusokat.
-
Törés
.thead-light
és.thead-dark
kimaradnak a.table-*
változatosztályok javára, amelyek minden táblázatelemhez használhatók (thead
,tbody
,tfoot
,tr
,th
éstd
). -
TörésA
table-row-variant()
mixin át lett nevezve,table-variant()
és csak 2 paramétert fogad el:$color
(színnév) és$value
(színkód). A szegélyszín és a kiemelő színek kiszámítása automatikusan történik a táblázat faktorváltozói alapján. -
A táblázatcellák kitöltési változóinak felosztása
-y
és-x
. -
TörésKiesett
.pre-scrollable
osztály. Lásd #29135 -
Törés
.text-*
A segédprogramok többé nem adnak hozzá lebegési és fókuszállapotokat a hivatkozásokhoz..link-*
segítő osztályok használhatók helyette. Lásd #29267 -
TörésKiesett
.text-justify
osztály. Lásd #29793 -
Állítsa vissza az alapértelmezett vízszintes beállítást ,
padding-left
az elemeket pedig a böngésző alapértelmezéséről a következőre .<ul>
<ol>
40px
2rem
-
Hozzáadva
$enable-smooth-scroll
, amelyscroll-behavior: smooth
globálisan érvényes – kivéve azokat a felhasználókat, akik csökkentett mozgást kérnek a médialekérdezés révénprefers-reduced-motion
. Lásd #31877
RTL
- A vízszintes irányspecifikus változókat, segédprogramokat és mixineket mind átnevezték, hogy olyan logikai tulajdonságokat használjanak, mint amilyenek a flexbox elrendezésekben találhatók – pl .
start
ésend
helyett .left
right
Űrlapok
-
Új lebegő űrlapok hozzáadva! A Lebegő címkék példáját teljes mértékben támogatott űrlapösszetevőkké emeltük. Tekintse meg az új Lebegő címkék oldalt.
-
Törés Összevont natív és egyéni űrlapelemek. A jelölőnégyzetek, rádiók, kijelölések és egyéb bemenetek, amelyek natív és egyéni osztályokkal rendelkeztek a v4-ben, összevonásra kerültek. Mostantól szinte minden űrlapelemünk teljesen egyedi, legtöbbjük egyéni HTML-kód nélkül.
.custom-check
most van.form-check
..custom-check.custom-switch
most van.form-check.form-switch
..custom-select
most van.form-select
..custom-file
és.form-file
a tetején egyéni stílusok váltották fel őket.form-control
..custom-range
most van.form-range
.- Kiesett natív
.form-control-file
és.form-control-range
.
-
TörésLeesett
.input-group-append
és.input-group-prepend
. Most már csak gombokat adhat hozzá.input-group-text
a beviteli csoportokhoz közvetlen gyermekként. -
Az érvényesítési visszacsatolási hibával rendelkező bemeneti csoport régóta fennálló hiányzó határ sugara végül kijavításra került egy további
.has-validation
osztály hozzáadásával az érvényesítéssel rendelkező bemeneti csoportokhoz. -
Törés Elhagytuk az űrlapspecifikus elrendezési osztályokat a rácsrendszerünkhöz. Használja rácsunkat és segédprogramjainkat a
.form-group
,.form-row
, vagy helyett.form-inline
. -
TörésAz űrlapcímkékhez most a következő szükséges:
.form-label
. -
Törés
.form-text
többé nem állít bedisplay
, így a HTML elem megváltoztatásával tetszőleges soron belüli vagy blokkolható súgószöveg hozható létre. -
Az érvényesítési ikonok már nem vonatkoznak a következőre:
<select>
s withmultiple
. -
Átrendezték a forrás Sass fájlokat a alatt
scss/forms/
, beleértve a beviteli csoportstílusokat.
Alkatrészek
padding
A riasztások, navigációs útvonalak, kártyák, legördülő menük, listacsoportok, módok, előugró ablakok és elemleírások egységesített értékei a$spacer
változónkon alapulnak. Lásd: #30564 .
Harmonika
- Új harmonika komponens hozzáadva .
Figyelmeztetések
-
A figyelmeztetésekhez most már ikonokkal ellátott példák is tartoznak .
-
Eltávolítottuk az
<hr>
s egyéni stílusait az egyes figyelmeztetésekben, mivel már használják acurrentColor
.
Jelvények
-
TörésEldobta az összes
.badge-*
színosztályt a háttér-segédprogramokhoz (pl. használja.bg-primary
a helyett.badge-primary
). -
TörésEldobva — használja inkább
.badge-pill
a.rounded-pill
segédprogramot. -
TörésEltávolítottuk az egérmutató- és fókuszstílusokat a
<a>
és<button>
elemekhez. -
Megnövelt alapértelmezett kitöltés a jelvényekhez / -től
.25em
/.5em
-ig ..35em
.65em
Zsemlemorzsa
-
Leegyszerűsítette a navigációs útvonal alapértelmezett megjelenését a
padding
,background-color
és a eltávolításávalborder-radius
. -
Új egyéni CSS-tulajdonság hozzáadva
--bs-breadcrumb-divider
az egyszerű testreszabáshoz anélkül, hogy újra kellene fordítani a CSS-t.
Gombok
-
Törés A jelölőnégyzetekkel vagy rádiókkal ellátott váltógombokhoz már nincs szükség JavaScriptre, és új jelölésük van. Többé nincs szükség burkolóelemre, adjuk hozzá
.btn-check
a<input>
, és párosítsuk a.btn
-n található osztályokkal<label>
. Lásd: #30650 . Az ehhez tartozó dokumentumok átkerültek a Gombok oldalunkról az új Űrlapok szakaszba. -
Törés
.btn-block
A rezsi miatt kiesett . Ahelyett, hogy a gombon használná , tekerje be a gombokat és egy segédprogramot, hogy szükség szerint helyezze el őket egymástól.btn-block
. Váltson reszponzív osztályokra, hogy még jobban irányíthassa őket. Néhány példaért olvassa el a dokumentumokat..btn
.d-grid
.gap-*
-
Frissítettük a mi
button-variant()
ésbutton-outline-variant()
mixinket, hogy támogassuk a további paramétereket. -
Frissített gombok, hogy nagyobb kontrasztot biztosítsanak lebegő és aktív állapotokban.
-
A letiltott gombokon most a következő látható:
pointer-events: none;
.
Kártya
-
TörésKiesett
.card-deck
a rácsunk javára. Csomagolja be kártyáit oszloposztályokba, és adjon hozzá egy szülőtárolót.row-cols-*
a kártyapaklik újbóli létrehozásához (de jobban szabályozva az érzékeny igazítást). -
TörésKiesett
.card-columns
a kőművesség javára. Lásd: #28922 . -
TörésA
.card
alapú harmonikát egy új harmonika komponensre cseréltük .
Körhinta
-
.carousel-dark
Új változat hozzáadva a sötét szöveghez, a kezelőszervekhez és a jelzőfényekhez (nagyon világosabb hátterekhez). -
A körhinta vezérlőelemeihez tartozó chevron ikonok helyére a Bootstrap Icons új SVG-jei kerültek .
Bezárás gomb
-
TörésÁtnevezve
.close
erre.btn-close
a kevésbé általános név miatt. -
A Bezárás gombok mostantól egy
background-image
(beágyazott SVG-t) használnak×
a HTML-ben a helyett, lehetővé téve a könnyebb testreszabást anélkül, hogy meg kellene érintenie a jelölést. -
.btn-close-white
Új változat hozzáadva , amelyfilter: invert(1)
lehetővé teszi a nagyobb kontrasztú ikonok elvetését sötétebb háttér előtt.
Összeomlás
- A harmonika tekercses rögzítése eltávolítva.
Legördülő menük
-
Új változat és kapcsolódó változók hozzáadva
.dropdown-menu-dark
az igény szerinti sötét legördülő listákhoz. -
Új változó hozzáadva a következőhöz:
$dropdown-padding-x
. -
Sötétítette a legördülő elválasztót a jobb kontraszt érdekében.
-
TörésA legördülő menü összes eseménye a legördülő menü váltógombján aktiválódik, majd buborékolással felkerül a szülőelemre.
-
A legördülő menükben mostantól van
data-bs-popper="static"
beállítva egy attribútum, amikor a legördülő menü helye statikus, ésdata-bs-popper="none"
amikor a legördülő menü a navigációs sávban van. Ezt a JavaScript hozzáadja, és segít nekünk egyéni pozícióstílusok használatában anélkül, hogy megzavarnánk Popper pozicionálását. -
TörésEldobott
flip
opció a legördülő beépülő modulnál a natív Popper konfiguráció javára. Mostantól letilthatja a tükrözési viselkedést úgy, hogy üres tömböt ad át azfallbackPlacements
opcióhoz a flip módosítóban. -
A legördülő menük mostantól kattinthatók az automatikus bezárás
autoClose
kezelésének új beállításával . Ezzel a lehetőséggel elfogadhatja a legördülő menün belüli vagy kívüli kattintást, hogy interaktívvá tegye. -
A legördülő menük mostantól támogatják
.dropdown-item
az s-be csomagolt<li>
s-t.
Jumbotron
- TörésEldobta a jumbotron komponenst, mivel az segédprogramokkal replikálható. Tekintse meg az új Jumbotron példánkat a bemutatóhoz.
Listacsoport
.list-group-numbered
Új módosító hozzáadva a listacsoportokhoz.
Navi és fülek
null
Új változók hozzáadva afont-size
,font-weight
,color
, és:hover
color
az.nav-link
osztályhoz.
Navbars
- TörésA navigációs sávokhoz mostantól egy konténerre van szükség (a térközkövetelmények és a CSS szükségességének drasztikus leegyszerűsítése érdekében).
Offcanvas
- Hozzáadtuk az új offcanvas összetevőt .
Lapszámozás
-
Az oldalszámozási hivatkozások mostantól testreszabhatók
margin-left
, amelyek dinamikusan lekerekítik az összes sarkot, ha elválasztják őket egymástól. -
s hozzáadva
transition
az oldalszámozási hivatkozásokhoz.
Popovers
-
TörésÁtnevezve
.arrow
erre.popover-arrow
az alapértelmezett felugró sablonunkban. -
whiteList
A lehetőséget átnevezte erre:allowList
.
Spinnerek
-
prefers-reduced-motion: reduce
A Spinnerek most az animációk lelassításával tisztelegnek . Lásd #31882 . -
Továbbfejlesztett fonó függőleges igazítása.
Pirítósok
-
A pirítósok most pozícionáló segédprogramok
.toast-container
segítségével helyezhetők el a - ban . -
A pirítás alapértelmezett időtartama 5 másodpercre módosult.
-
Eltávolították
overflow: hidden
a pirítósokról, és helyükre megfelelőborder-radius
scalc()
funkciókkal.
Eszköztippek
-
TörésÁtnevezve
.arrow
erre.tooltip-arrow
az alapértelmezett elemleírás-sablonunkban. -
TörésAz alapértelmezett érték az előugró elemek jobb elhelyezése érdekében a
fallbackPlacements
következőre módosul .['top', 'right', 'bottom', 'left']
-
Törés
whiteList
A lehetőséget átnevezte erre:allowList
.
segédprogramok
-
TörésTöbb segédprogramot átnevezettek, hogy az iránynevek helyett logikai tulajdonságneveket használjanak az RTL támogatás hozzáadásával:
- Átnevezve
.left-*
és.right-*
-ra.start-*
és.end-*
. - Átnevezve
.float-left
és.float-right
-ra.float-start
és.float-end
. - Átnevezve
.border-left
és.border-right
-ra.border-start
és.border-end
. - Átnevezve
.rounded-left
és.rounded-right
-ra.rounded-start
és.rounded-end
. - Átnevezve
.ml-*
és.mr-*
-ra.ms-*
és.me-*
. - Átnevezve
.pl-*
és.pr-*
-ra.ps-*
és.pe-*
. - Átnevezve
.text-left
és.text-right
-ra.text-start
és.text-end
.
- Átnevezve
-
TörésA negatív margók alapértelmezés szerint letiltva.
-
Új
.bg-body
osztály hozzáadva a<body>
háttér gyors beállításához további elemekhez. -
Új pozíció segédprogramok hozzáadva a következőhöz:
top
,right
,bottom
, ésleft
. Az értékek közé tartozik az egyes tulajdonságokhoz tartozó0
,50%
és .100%
-
.translate-middle-x
Új és segédprogramok hozzáadva.translate-middle-y
az abszolút/fix pozíciójú elemek vízszintes vagy függőleges középpontjához. -
border-width
Új segédprogramok hozzáadva . -
TörésÁtnevezve
.text-monospace
erre:.font-monospace
. -
TörésEltávolították
.text-hide
, mivel ez egy elavult módszer a szöveg elrejtésére, amelyet többé nem szabad használni. -
Hozzáadott
.fs-*
segédprogramok afont-size
segédprogramokhoz (az RFS engedélyezve). Ezek ugyanazt a léptéket használják, mint a HTML alapértelmezett címsorai (1-6, nagytól kicsiig), és a Sass map segítségével módosíthatók. -
TörésA
.font-weight-*
segédprogramok átnevezése.fw-*
a rövidség és a következetesség érdekében. -
TörésA
.font-style-*
segédprogramok átnevezése.fst-*
a rövidség és a következetesség érdekében. -
.d-grid
Megjelenítési segédprogramokhoz és újgap
segédprogramokhoz ( ) hozzáadva.gap
a CSS Grid és flexbox elrendezésekhez. -
TörésEltávolította
.rounded-sm
ésrounded-lg
, és bevezetett egy új osztályskála,.rounded-0
a.rounded-3
. Lásd #31687 . -
line-height
Új segédprogramok hozzáadva :.lh-1
,.lh-sm
,.lh-base
és.lh-lg
. Lásd itt . -
Áthelyeztük a
.d-none
segédprogramot a CSS-ben, hogy nagyobb súlyt kapjon a többi megjelenítési segédprogramhoz képest. -
Kibővítette a
.visually-hidden-focusable
segédprogramot, hogy konténereken is dolgozzon, a segítségével:focus-within
.
Segítők
-
Törés A reszponzív beágyazási segítőket átnevezték aránysegítőkre , új osztálynevekkel és továbbfejlesztett viselkedéssel, valamint egy hasznos CSS-változóval.
- Az osztályokat átneveztük a képarány módosítása
by
érdekében .x
Például.ratio-16by9
most van.ratio-16x9
. - Elvettük a
.embed-responsive-item
és elemcsoport választót egy egyszerűbb.ratio > *
választó helyett. Nincs szükség több osztályra, és az aránysegéd mostantól bármilyen HTML elemmel működik. - A
$embed-responsive-aspect-ratios
Sass térképet átnevezték erre$aspect-ratios
, értékeit pedig leegyszerűsítették, hogy az osztálynév és a százalékkey: value
párként szerepeljen. - A CSS-változók mostantól a Sass-térkép minden egyes értékéhez kerülnek előállításra. Módosítsa a
--bs-aspect-ratio
változót,.ratio
hogy bármilyen egyéni képarányt hozzon létre .
- Az osztályokat átneveztük a képarány módosítása
-
Törés A „Képernyőolvasó” osztályok mostantól „vizuálisan rejtett” osztályok .
scss/helpers/_screenreaders.scss
Módosította a Sass fájltscss/helpers/_visually-hidden.scss
- Átnevezve
.sr-only
és.sr-only-focusable
-ra.visually-hidden
és.visually-hidden-focusable
- Átnevezve
sr-only()
éssr-only-focusable()
keveredik errevisually-hidden()
ésvisually-hidden-focusable()
.
-
bootstrap-utilities.css
most már segítőinket is tartalmazza. A segítőket többé nem kell egyéni buildekben importálni.
JavaScript
-
Megszűnt a jQuery-függőség , és átírták a bővítményeket, hogy normál JavaScript-be legyenek.
-
TörésAz összes JavaScript-bővítmény adatattribútumai mostantól névtérben vannak, hogy segítsenek megkülönböztetni a Bootstrap-funkciókat a harmadik felektől és a saját kódodtól. Például a
data-bs-toggle
helyett használjukdata-toggle
. -
Most már minden beépülő modul elfogad egy CSS-választót első argumentumként. A bővítmény új példányának létrehozásához átadhat egy DOM-elemet vagy bármely érvényes CSS-választót:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
átadható függvényként, amely elfogadja a Bootstrap alapértelmezett Popper konfigurációját argumentumként, így ezt az alapértelmezett konfigurációt a maga módján egyesítheti. A legördülő menükre, felugró ablakokra és elemleírásokra vonatkozik. -
Az alapértelmezett érték a Popper-elemek jobb elhelyezése érdekében a
fallbackPlacements
következőre módosul . A legördülő menükre, felugró ablakokra és elemleírásokra vonatkozik.['top', 'right', 'bottom', 'left']
-
Az aláhúzás eltávolítva az olyan nyilvános statikus metódusokról, mint a
_getInstance()
→getInstance()
.