Migratioun op v5
Verfollegt an iwwerpréift Ännerungen un de Bootstrap Quelldateien, Dokumentatioun a Komponenten fir Iech ze hëllefen vu v4 op v5 ze migréieren.
Ofhängegkeeten
- Gefall jQuery.
- Upgrade vu Popper v1.x op Popper v2.x.
- Libsass duerch Dart Sass ersat well eise Sass Compiler deen de Libsass ofgeschaaft gouf.
- Migréiert vu Jekyll op Hugo fir eis Dokumentatioun ze bauen
Browser Ënnerstëtzung
- Internet Explorer 10 an 11 erofgelooss
- Gefall Microsoft Edge <16 (Legacy Edge)
- Firefox <60 erofgefall
- Safari erofgefall < 12
- iOS Safari erofgefall < 12
- Chrome erofgaang < 60
Dokumentatioun Ännerungen
- Redesignéiert Homepage, Dokumenter Layout, a Fousszeilen.
- Neie Pak Guide dobäigesat .
- Nei Customize Sektioun bäigefüügt , ersetzt v4's Theming Säit , mat neien Detailer iwwer Sass, global Konfiguratiounsoptiounen, Faarfschemaen, CSS Variablen, a méi.
- Reorganiséiert all Form Dokumentatioun an nei Forms Sektioun , zerbriechen den Inhalt a méi fokusséiert Säiten.
- Ähnlech huet d'Layout Sektioun aktualiséiert , fir de Rasterinhalt méi kloer auszeschaffen.
- Ëmbenannt "Navs" Komponent Säit op "Navs & Tabs".
- Ëmbenannt "Checks" Säit op "Checks & Radios".
- D'Navbar nei designt an en neien Subnav bäigefüügt fir et méi einfach ze maachen ronderëm eis Siten an Dokumenter Versiounen ze kommen.
- Nei Tastatur Ofkiirzung fir d'Sichfeld dobäigesat Ctrl + /:.
Sass
-
Mir hunn d'Standard Sass Kaart fusionéiert fir et méi einfach ze maachen redundante Wäerter ze läschen. Denkt drun datt Dir elo all Wäerter an de Sass Kaarten definéiere musst wéi
$theme-colors
. Kuckt wéi Dir mat Sass Kaarten ëmgeet . -
OfbriechenËmbenannt
color-yiq()
Funktioun a verwandte Variablencolor-contrast()
wéi et net méi mam YIQ Faarfraum verbonnen ass. Kuckt #30168.$yiq-contrasted-threshold
gëtt ëmbenannt op$min-contrast-ratio
.$yiq-text-dark
a$yiq-text-light
sinn respektiv ëmbenannt op$color-contrast-dark
an$color-contrast-light
.
-
OfbriechenMedia Query Mixins Parameteren hu geännert fir eng méi logesch Approche.
media-breakpoint-down()
benotzt den Breakpoint selwer amplaz vum nächsten Breakpoint (zBmedia-breakpoint-down(lg)
amplazmedia-breakpoint-down(md)
Zielen Viewports méi kleng wéilg
).- Ähnlech benotzt den zweete Parameter an
media-breakpoint-between()
och den Breakpoint selwer amplaz vum nächsten Breakpoint (zBmedia-between(sm, lg)
amplazmedia-breakpoint-between(sm, md)
Zielen Viewports tëschtsm
anlg
).
-
OfbriechenGeläscht Drécken Stiler a
$enable-print-styles
Variabel. Drécken Affichage Klassen sinn nach ronderëm. Kuckt #28339 . -
OfbriechenGefall
color()
,theme-color()
, agray()
Funktiounen zugonschte vun Verännerlechen. Kuckt #29083 . -
OfbriechenUmbenannt
theme-color-level()
Funktiouncolor-level()
an akzeptéiert elo all Faarf Dir wëllt amplaz nëmmen$theme-color
Faarwen. Kuckt # 29083 Opgepasst:color-level()
gouf méi spéit erofgeloossv5.0.0-alpha3
. -
OfbriechenUmbenannt
$enable-prefers-reduced-motion-media-query
an$enable-pointer-cursor-for-buttons
zu$enable-reduced-motion
a$enable-button-pointers
fir kuerz. -
OfbriechenD'Mëschung
bg-gradient-variant()
ewechgeholl. Benotzt d'.bg-gradient
Klass fir Gradienten un Elementer ze addéieren anstatt déi generéiert.bg-gradient-*
Klassen. -
Ofbriechen Ewechzehuelen virdru ofgeschaaft Mixins:
hover
,hover-focus
,plain-hover-focus
anhover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(och déi assoziéiert Utility-Klass erofgelooss,.text-hide
)visibility()
form-control-focus()
-
OfbriechenËmbenannt
scale-color()
Funktiounshift-color()
fir Kollisioun mat Sass senger eegener Faarf Skala Funktioun ze vermeiden. -
box-shadow
mixins erlaben elonull
Wäerter a falennone
aus méi Argumenter. Kuckt #30394 . -
De
border-radius()
Mixin huet elo e Standardwäert.
Faarf System
-
De Faarfsystem, dee mat geschafft
color-level()
a$theme-color-interval
geläscht gouf zugonschte vun engem neie Faarfsystem. Alllighten()
adarken()
Funktiounen an eiser Codebase ginn duerchtint-color()
an ersatshade-color()
. Dës Funktiounen vermëschen d'Faarf entweder mat wäiss oder schwaarz anstatt seng Liichtegkeet mat engem fixen Betrag z'änneren. D'shift-color()
Faarf gëtt entweder Tint oder Schatten eng Faarf ofhängeg ob säi Gewiichtsparameter positiv oder negativ ass. Gesinn # 30622 fir méi Detailer. -
Nei Faarwen a Schatten bäigefüügt fir all Faarf, déi néng separat Faarwen fir all Basisfaarf ubidden, als nei Sass Variablen.
-
Verbesserte Faarfkontrast. Bumped Faarfkontrastverhältnis vun 3:1 bis 4,5:1 an aktualiséiert blo, gréng, Cyan a rosa Faarwen fir WCAG 2.1 AA Kontrast ze garantéieren. Och eis Faarfkontrastfaarf vun
$gray-900
op geännert$black
. -
Fir eise Faarfsystem z'ënnerstëtzen, hu mir nei Benotzerdefinéiert
tint-color()
ashade-color()
Funktiounen bäigefüügt fir eis Faarwen entspriechend ze vermëschen.
Gitter Updates
-
Neie Breakpoint! Neie
xxl
Breakpoint fir1400px
an erop bäigefüügt. Keng Ännerunge fir all aner breakpoints. -
Verbesserte Rennen. Gutters sinn elo a Rems gesat, a si méi enk wéi v4 (
1.5rem
, oder ongeféier24px
, erof vun30px
). Dëst alignéiert d'Rennen vun eisem Gittersystem mat eise Abstands-Utilities.- Nei Rennen Klass (
.g-*
,.gx-*
, an.gy-*
) bäigefüügt fir horizontal / vertikal Rennen, horizontalen Rennen a vertikale Rennen ze kontrolléieren. - OfbriechenËmbenannt
.no-gutters
fir.g-0
nei Gutter Utilities ze passen.
- Nei Rennen Klass (
-
Kolonnen sinn net méi
position: relative
ugewannt, sou datt Dir vläicht un e.position-relative
puer Elementer musst addéieren fir dat Verhalen ze restauréieren. -
OfbriechenE puer
.order-*
Klassen erofgefall, déi dacks net benotzt gi sinn. Mir bidden elo nëmmen.order-1
aus.order-5
der Këscht. -
OfbriechenDe
.media
Komponent erofgefall well et einfach mat Utilities replizéiert ka ginn. Kuckt #28265 an d' Flex Utilities Säit fir e Beispill . -
Ofbriechen
bootstrap-grid.css
gëlt elo nëmmebox-sizing: border-box
fir d'Kolonn amplaz vun der globaler Këschtgréisst zréckzesetzen. Op dës Manéier kënnen eis Gitterstiler op méi Plazen ouni Amëschung benotzt ginn. -
$enable-grid-classes
net méi deaktivéiert d'Generatioun vu Containerklassen méi. Kuckt #29146. -
Aktualiséiert de
make-col
Mixin op Standard op gläiche Kolonnen ouni eng spezifizéiert Gréisst.
Inhalt, Restart, etc
-
RFS ass elo als Standard aktivéiert. Rubriken, déi de
font-size()
Mixin benotzen, passen hir automateschfont-size
op Skala mam Viewport un. Dës Feature war virdru opt-in mat v4. -
OfbriechenIwwerhaapt eis Display Typographie fir eis
$display-*
Variabelen ze ersetzen a mat enger$display-font-sizes
Sass Kaart. Och geläscht déi eenzel$display-*-weight
Verännerlechen fir eng eenzeg$display-font-weight
an ugepasstfont-size
s. -
Zwou nei
.display-*
Rubrikgréissten dobäigesat,.display-5
an.display-6
. -
Links ginn als Standard ënnersträicht (net nëmmen um Hover), ausser se sinn Deel vu spezifesche Komponenten.
-
Redesignéiert Dëscher fir hir Stiler z'erfrëschen an se mat CSS Variablen opzebauen fir méi Kontroll iwwer Styling.
-
OfbriechenNestéiert Dëscher ierwen keng Stiler méi.
-
Ofbriechen
.thead-light
a.thead-dark
sinn zugonschte vun der.table-*
Variant Klassen falen déi fir all Dësch Elementer benotzt ginn (thead
,,,,,, an ) .tbody
tfoot
tr
th
td
-
OfbriechenDe
table-row-variant()
Mixin gëtt ëmbenannttable-variant()
an akzeptéiert nëmmen 2 Parameteren:$color
(Faarfnumm) an$value
(Faarfcode). D'Grenzfaarf an Akzentfaarwen ginn automatesch berechent op Basis vun den Tabellfaktorvariablen. -
Split Dësch Zell padding Variablen an
-y
an-x
. -
OfbriechenKlass gefall
.pre-scrollable
. Kuckt #29135 -
Ofbriechen
.text-*
Utilities fügen net méi Hover a fokusséieren Staaten op Links méi..link-*
Hëllefsklassen kënnen amplaz benotzt ginn. Kuckt #29267 -
OfbriechenKlass gefall
.text-justify
. Kuckt #29793 -
Reset Standard horizontal
padding-left
op<ul>
an<ol>
Elementer vum Browser Standard40px
op2rem
. -
bäigefüügt
$enable-smooth-scroll
, wat weltwäit gëltscroll-behavior: smooth
- ausser fir Benotzer déi no reduzéierter Bewegung duerchprefers-reduced-motion
Medienufro froen. Kuckt #31877
RTL.lu
- Horizontal Richtung spezifesch Variablen, Utilities, a Mixins goufen all ëmbenannt fir logesch Eegeschaften ze benotzen wéi déi a Flexbox Layouten fonnt - zB,
start
anend
amplazleft
anright
.
Formen
-
Nei schwiewend Formen dobäigesat! Mir hunn de Floating Etiketten Beispill fir voll ënnerstëtzt Formkomponenten gefördert. Kuckt déi nei Floating Etiketten Säit.
-
Ofbriechen Konsolidéiert gebierteg a personaliséiert Formelementer. Checkboxen, Radioen, Selektiounen an aner Inputen déi gebierteg a personaliséiert Klassen am v4 haten goufen konsolidéiert. Elo si bal all eis Formelementer ganz personaliséiert, meeschtens ouni de Besoin fir personaliséiert HTML.
.custom-check
ass elo.form-check
..custom-check.custom-switch
ass elo.form-check.form-switch
..custom-select
ass elo.form-select
..custom-file
a.form-file
goufen duerch personaliséiert Stiler uewen ersat.form-control
..custom-range
ass elo.form-range
.- Gefall gebierteg
.form-control-file
an.form-control-range
.
-
OfbriechenGefall
.input-group-append
an.input-group-prepend
. Dir kënnt elo just Knäppercher addéieren an.input-group-text
als direkt Kanner vun den Inputgruppen. -
De laangjärege Vermësste Grenzradius op Inputgrupp mat Validatiounsfeedback Käfer gëtt endlech fixéiert andeems en zousätzlech
.has-validation
Klass fir Inputgruppen mat Validatioun bäigefüügt gëtt. -
Ofbriechen Formspezifesch Layoutklassen fir eise Gittersystem erofgefall. Benotzt eist Gitter an Utilities amplaz
.form-group
,.form-row
, oder.form-inline
. -
OfbriechenForm Etiketten erfuerderen elo
.form-label
. -
Ofbriechen
.form-text
net méi setztdisplay
, wat Iech erlaabt Inline oder Hëllefstext ze blockéieren wéi Dir wëllt just andeems Dir den HTML Element ännert. -
Validatiounsikoner ginn net méi op
<select>
s mat applizéiertmultiple
. -
Rearrangéiert Quell Sass Fichieren ënner
scss/forms/
, dorënner Input Grupp Stiler.
Komponenten
- Vereenegt
padding
Wäerter fir Alarmer, Broutkriibs, Kaarten, Dropdowns, Lëschtgruppen, Modale, Popovers, an Tooltips fir op eiser$spacer
Variabel ze baséieren. Kuckt #30564 .
Akkordeon
- Neien Akkordeonkomponent bäigefüügt .
Alarmer
-
Alarmer hunn elo Beispiller mat Ikonen .
-
Benotzerdefinéiert Stiler fir
<hr>
s an all Alarm geläscht well se scho benotzencurrentColor
.
Schëlder
-
OfbriechenAll
.badge-*
Faarfklassen fir Hannergrond Utilities erofgefall (zB benotzen.bg-primary
amplaz.badge-primary
). -
OfbriechenDropgesat
.badge-pill
- benotzt d'.rounded-pill
Utility amplaz. -
OfbriechenGeläscht Hover a Fokus Stiler fir
<a>
an<button>
Elementer. -
Erweidert Standardpolsterung fir Badges vun
.25em
/.5em
bis.35em
/.65em
.
Brout
-
Vereinfacht d'Default Erscheinung vu Broutkummeren andeems Dir
padding
,background-color
, anborder-radius
. -
Nei CSS personaliséiert Eegeschafte bäigefüügt
--bs-breadcrumb-divider
fir einfach Personnalisatioun ouni CSS nei ze kompiléieren.
Knäppercher
-
Ofbriechen Toggle Buttons , mat Checkboxen oder Radioen, erfuerderen net méi JavaScript an hunn nei Markup. Mir verlaangen net méi e wrapping Element, füügt
.btn-check
der<input>
, a Koppelen et mat all.btn
Klassen op der<label>
. Kuckt #30650 . D'Dokumenter fir dëst sinn vun eiser Buttons Säit an déi nei Forms Sektioun geplënnert. -
Ofbriechen Gefall
.btn-block
fir Utilities. Amplaz.btn-block
op der ze benotzen.btn
, wéckelt Är Knäppercher mat.d-grid
an engem.gap-*
Utility fir se ze raumen wéi néideg. Wiesselt op reaktiounsfäeger Klassen fir nach méi Kontroll iwwer hinnen. Liest d'Dokumenter fir e puer Beispiller. -
Eis
button-variant()
abutton-outline-variant()
Mixins aktualiséiert fir zousätzlech Parameteren z'ënnerstëtzen. -
Aktualiséiert Knäppercher fir e verstäerkte Kontrast op Hover an aktive Staaten ze garantéieren.
-
Behënnerte Knäppercher hunn elo
pointer-events: none;
.
Kaart
-
OfbriechenGefall
.card-deck
zugonschte vun eisem Gitter. Wickelt Är Kaarten a Kolonnklassen a füügt en Elterendeel.row-cols-*
bäi fir Kaartdeck ze kreéieren (awer mat méi Kontroll iwwer reaktiounsfäeger Ausriichtung). -
OfbriechenGefall
.card-columns
zugonschte vun Steemetzerei. Kuckt #28922 . -
OfbriechenErsat de
.card
baséiert Akkordeon mat engem neien Akkordeonkomponent .
Karussell
-
Nei
.carousel-dark
Variant bäigefüügt fir däischter Text, Kontrollen an Indikatoren (super fir méi hell Hannergrënn). -
Ersat Chevron Symboler fir Karussell Kontrollen mat neie SVGs vu Bootstrap Icons .
Zoumaachen Knäppchen
-
OfbriechenUmbenannt
.close
fir.btn-close
e manner generesche Numm. -
Zoumaachen Knäppercher benotzen elo e
background-image
(embedded SVG) amplaz vun engem×
am HTML, wat et erlaabt eng méi einfach Personnalisatioun ze maachen ouni Är Markup ze beréieren. -
Nei
.btn-close-white
Variant bäigefüügt déi benotztfilter: invert(1)
fir méi héije Kontrast Entlooss Ikonen géint däischter Hannergrënn z'erméiglechen.
Zesummebroch
- Geläscht Scrollverankerung fir Akkordeonen.
Dropdowns
-
Nei
.dropdown-menu-dark
Variant bäigefüügt an assoziéiert Variablen fir on-demand donkel Dropdowns. -
Nei Variabel dobäigesat fir
$dropdown-padding-x
. -
Däischter den Dropdown-Divider fir e verbesserte Kontrast.
-
OfbriechenAll d'Evenementer fir den Dropdown ginn elo um Dropdown Toggle Knäppchen ausgeléist an dann op d'Elterenelement gebubbelt.
-
Dropdown-Menüen hunn elo en
data-bs-popper="static"
Attribut gesat wann d'Positioun vum Dropdown statesch ass adata-bs-popper="none"
wann Dropdown an der Navbar ass. Dëst gëtt vun eisem JavaScript bäigefüügt an hëlleft eis personaliséiert Positiounsstiler ze benotzen ouni dem Popper seng Positionéierung ze stéieren. -
OfbriechenDropdown
flip
Optioun fir Dropdown Plugin zugonschte vun der gebierteg Popper Konfiguratioun. Dir kënnt elo de Flipping Verhalen auszeschalten andeems Dir eng eidel Array firfallbackPlacements
Optioun am Flip Modifier passéiert. -
Dropdown-Menüen kënnen elo klickbar sinn mat enger neier
autoClose
Optioun fir d' Auto-Zoumaache Verhalen ze handhaben . Dir kënnt dës Optioun benotze fir de Klick bannen oder ausserhalb vum Dropdown-Menü ze akzeptéieren fir se interaktiv ze maachen. -
Dropdowns ënnerstëtzen elo
.dropdown-item
s gewéckelt an<li>
s.
Jumbotron
- OfbriechenDe Jumbotron Komponent erofgefall well et mat Utilities replizéiert ka ginn. Kuckt eist neit Jumbotron Beispill fir eng Demo.
Lëscht Grupp
- Neie
.list-group-numbered
Modifier bäigefüügt fir Gruppen ze Lëscht.
Navs an Tabs
- Nei
null
Variablen firfont-size
,font-weight
,color
, an:hover
color
an d'.nav-link
Klass bäigefüügt.
Navbars
- OfbriechenNavbars erfuerderen elo e Container bannent (fir d'Distanzfuerderunge drastesch ze vereinfachen an CSS erfuerderlech).
Offcanvas
- Déi nei Offcanvas Komponent bäigefüügt .
Paginatioun
-
Paginéierungslinks hunn elo personaliséierbar
margin-left
, déi dynamesch op all Ecker ofgerënnt sinn, wa se vuneneen getrennt sinn. -
Derbäigesat
transition
s zu pagineringslinks.
Popovers
-
OfbriechenUmbenannt
.arrow
an.popover-arrow
an eiser Standard Popover Schabloun. -
Ëmbenannt
whiteList
Optioun zeallowList
.
Spinner
-
Spinner éieren elo
prefers-reduced-motion: reduce
andeems se Animatiounen verlangsamen. Kuckt #31882 . -
Verbessert Spinner vertikal Ausrichtung.
Toasts
-
Toasts kënnen elo an engem positionéiert
.toast-container
ginn mat der Hëllef vu Positionéierungsservicer . -
Geännert Standard Toast Dauer op 5 Sekonnen.
-
Geläscht
overflow: hidden
aus toasts an ersat mat adäquateborder-radius
s matcalc()
Funktiounen.
Tooltips
-
OfbriechenUmbenannt
.arrow
an.tooltip-arrow
an eisem Standard Tooltip Schabloun. -
OfbriechenDe Standardwäert fir de
fallbackPlacements
gëtt geännert fir['top', 'right', 'bottom', 'left']
eng besser Plazéierung vu Popper Elementer. -
OfbriechenËmbenannt
whiteList
Optioun zeallowList
.
Utilities
-
OfbriechenVerschidden Utilities ëmbenannt fir logesch Eegentumsnamen ze benotzen anstatt Direktiounsnimm mat der Zousatz vun RTL Support:
- Umbenannt
.left-*
an.right-*
zu.start-*
an.end-*
. - Umbenannt
.float-left
an.float-right
zu.float-start
an.float-end
. - Umbenannt
.border-left
an.border-right
zu.border-start
an.border-end
. - Umbenannt
.rounded-left
an.rounded-right
zu.rounded-start
an.rounded-end
. - Umbenannt
.ml-*
an.mr-*
zu.ms-*
an.me-*
. - Umbenannt
.pl-*
an.pr-*
zu.ps-*
an.pe-*
. - Umbenannt
.text-left
an.text-right
zu.text-start
an.text-end
.
- Umbenannt
-
OfbriechenBehënnert negativ Margen par défaut.
-
Nei
.bg-body
Klass bäigefüügt fir séier<body>
den Hannergrond op zousätzlech Elementer ze setzen. -
Nei Positiouns Utilities bäigefüügt fir
top
,right
,bottom
, anleft
. Wäerter enthalen0
,50%
, a100%
fir all Immobilie. -
Nei Utilities
.translate-middle-x
bäigefüügt.translate-middle-y
fir horizontal oder vertikal absolut / fix positionéiert Elementer ze zentréieren. -
OfbriechenUmbenannt
.text-monospace
op.font-monospace
. -
OfbriechenGeläscht
.text-hide
well et eng antike Method ass fir Text ze verstoppen deen net méi benotzt soll ginn. -
Zousätzlech
.fs-*
Utilities firfont-size
Utilities (mat RFS aktivéiert). Dës benotzen déi selwecht Skala wéi HTML d'Standard Rubriken (1-6, grouss bis kleng), a kann via Sass Kaart geännert ginn. -
OfbriechenUmbenannt
.font-weight-*
Utilities wéi.fw-*
fir Kuerzegkeet a Konsistenz. -
OfbriechenUmbenannt
.font-style-*
Utilities wéi.fst-*
fir Kuerzegkeet a Konsistenz. -
Derbäigesat
.d-grid
fir Utilities an neigap
Utilities (.gap
) fir CSS Grid a Flexbox Layouten ze weisen. -
OfbriechenGeläscht
.rounded-sm
anrounded-lg
, an agefouert eng nei Skala vun Klassen,.rounded-0
zu.rounded-3
. Kuckt #31687 . -
Nei
line-height
Utilities dobäigesat:.lh-1
,.lh-sm
,.lh-base
an.lh-lg
. Kuckt hei . -
Beweegt den
.d-none
Utility an eiser CSS fir et méi Gewiicht ze ginn iwwer aner Display Utilities. -
Den
.visually-hidden-focusable
Helfer verlängert fir och op Container ze schaffen, mat:focus-within
.
Helfer
-
Ofbriechen Responsive Embed Helfer goufen ëmbenannt an Verhältnishëllefer mat neie Klassennimm a verbessert Verhalen, souwéi eng hëllefräich CSS Variabel.
- Klassen goufen ëmbenannt fir
by
amx
Aspekt Verhältnis z'änneren. Zum Beispill,.ratio-16by9
ass elo.ratio-16x9
. - Mir hunn den
.embed-responsive-item
an Element Grupp Selector zugonschte vun engem méi einfache.ratio > *
Selektor erofgelooss. Et gëtt keng Klass méi gebraucht, an de Verhältnishëllefer funktionnéiert elo mat all HTML Element. - D'
$embed-responsive-aspect-ratios
Sass Kaart gouf ëmbenannt$aspect-ratios
a seng Wäerter goufen vereinfacht fir de Klassennumm an de Prozentsaz alskey: value
Pair ze enthalen. - CSS Variablen ginn elo generéiert a fir all Wäert an der Sass Kaart abegraff. Ännert d'
--bs-aspect-ratio
Variabel op der.ratio
fir all personaliséiert Aspekt Verhältnis ze kreéieren .
- Klassen goufen ëmbenannt fir
-
Ofbriechen "Screen Reader" Klassen sinn elo "visuell verstoppt" Klassen .
- D'Sass-Datei geännert vun
scss/helpers/_screenreaders.scss
opscss/helpers/_visually-hidden.scss
- Umbenannt
.sr-only
an.sr-only-focusable
zu.visually-hidden
an.visually-hidden-focusable
- Umbenannt
sr-only()
ansr-only-focusable()
mixins zuvisually-hidden()
anvisually-hidden-focusable()
.
- D'Sass-Datei geännert vun
-
bootstrap-utilities.css
enthält elo och eis Helfer. Helfer brauchen net méi a personaliséierte Builds importéiert ze ginn.
JavaScript
-
D'JQuery Ofhängegkeet erofgefall an Plugins ëmgeschriwwen fir a reguläre JavaScript ze sinn.
-
OfbriechenDateattributer fir all JavaScript Plugins sinn elo opgedeelt fir d'Bootstrap Funktionalitéit vun Drëtt Parteien an Ären eegene Code z'ënnerscheeden. Zum Beispill benotze mir
data-bs-toggle
amplazdata-toggle
. -
All Plugins kënnen elo e CSS Selector als éischt Argument akzeptéieren. Dir kënnt entweder en DOM Element oder all gültege CSS Selector passéieren fir eng nei Instanz vum Plugin ze kreéieren:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
kann als Funktioun weidergeleet ginn, déi d'Standard Popper Config vum Bootstrap als Argument akzeptéiert, sou datt Dir dës Standardkonfiguratioun op Äre Wee fusionéiere kënnt. Gëllt fir Dropdowns, Popovers an Tooltips. -
D'Default Wäert fir de
fallbackPlacements
gëtt geännert fir['top', 'right', 'bottom', 'left']
eng besser Placement vun Popper Elementer. Gëllt fir Dropdowns, Popovers an Tooltips. -
Geläscht Ënnersichung vun ëffentleche statesche Methoden wéi
_getInstance()
→getInstance()
.