Kosala migrate na v5
Bolanda mpe botala mbongwana na ba fichiers ya source ya Bootstrap, mikanda, mpe ba composants mpo na kosalisa yo okende na v4 kino na v5.
Ba dépendances
- Abwakaki jQuery.
- Ebongwani uta na Popper v1.x kino na Popper v2.x.
- Remplacer Libsass na Dart Sass lokola compilateur na biso ya Sass oyo bapesaki Libsass ezalaki déprequé.
- Migré de Jekyll à Hugo pona kotonga mikanda na biso
Lisungi ya navigateur
- Abwakaki Internet Explorer 10 mpe 11
- Ekitisaki Microsoft Edge < 16 (Edge ya kala) .
- Ekitisaki Firefox < 60
- Safari oyo babwaki < 12
- Ekitisaki Safari ya iOS < 12
- Chrome oyo ekiti < 60
Mikanda ebongwanaka
- Lokasa ya ebandeli oyo ebongisami lisusu, ndenge ya kosala mikanda, mpe na nse ya lokasa.
- Abakisaki buku ya sika ya Parcelle .
- Abakisaki eteni ya sika ya Personnaliser , kozongisa lokasa ya Thème ya v4 , na makambo ya sika na Sass, ba options ya configuration mondiale, ba schemes ya couleur, ba variables ya CSS, mpe mingi mosusu.
- Bobongisi lisusu mikanda nyonso ya baformilɛrɛ na eteni ya sika ya Baformilɛrɛ , kokabola makambo oyo ezali na kati na nkasa oyo etali mingi.
- Ndenge moko mpe, abongisi eteni ya Layout , mpo na kosala mosuni ya makambo ya grille polele.
- Ebongoli nkombo ya lokasa ya eteni “Navs” na “Navs & Tabs”.
- Babongoli nkombo ya lokasa “Checks” na “Checks & radios”.
- Redesigner navbar mpe abakisaki subnav ya sika mpo na kosala ete ezala pete mpo na kokende zingazinga ya ba sites na biso mpe ba versions ya docs.
- Babakisaki nzela mokuse ya sika ya klaviatware mpo na esika ya boluki: Ctrl + /.
Sass oyo azali
-
To ditched ba fusions ya carte Sass par défaut mpo na kosala que ezala facile ya kolongola ba valeurs redundantes. Bozala na makanisi il faut sikoyo o définir ba valeurs nionso na ba cartes ya Sass lokola
$theme-colors
. Tala ndenge nini okoki kosala na ba cartes ya Sass . -
KobukanaRenommé
color-yiq()
fonction mpe ba variables oyo etalicolor-contrast()
yango lokola ezali lisusu na boyokani te na YIQ colorspace. Talá #30168.$yiq-contrasted-threshold
ebongwani nkombo na yango na$min-contrast-ratio
.$yiq-text-dark
mpe$yiq-text-light
babongoli nkombo mosusu na yango$color-contrast-dark
mpe$color-contrast-light
.
-
KobukanaBa paramètres ya mixins ya requête ya media ebongwani pona approche moko plus logique.
media-breakpoint-down()
esalela esika ya bokati yango moko na esika ya esika ya bokati oyo elandi (ndakisa,media-breakpoint-down(lg)
na esika yamedia-breakpoint-down(md)
ba cibles ya botali oyo ezali moke kolekalg
).- Ndenge moko mpe, paramètre ya mibale na
media-breakpoint-between()
esalela mpe point de rupture yango moko na esika ya point de rupture oyo elandi (ndakisa,media-between(sm, lg)
na esika yamedia-breakpoint-between(sm, md)
ba cibles viewports entresm
mpelg
).
-
KobukanaElongolami ba styles ya impression na
$enable-print-styles
variable. Ba classes ya affichage ya impression ezali kaka nzinga nzinga. Talá #28339 . -
KobukanaEbwaki
color()
,theme-color()
, mpegray()
misala na faveur ya ba variables. Talá #29083 . -
KobukanaRenommé
theme-color-level()
fonction nacolor-level()
mpe sikoyo endimi couleur nionso olingi au lieu ya kaka$theme-color
ba couleurs. Tala #29083 Keba:color-level()
ezalaki sima na kobwakama nav5.0.0-alpha3
. -
KobukanaBabongoli nkombo
$enable-prefers-reduced-motion-media-query
mpe$enable-pointer-cursor-for-buttons
na$enable-reduced-motion
mpe$enable-button-pointers
mpo na bokuse. -
KobukanaBalongoli
bg-gradient-variant()
mixin oyo ezalaki. Salelá.bg-gradient
kelasi mpo na kobakisa ba gradients na biloko na esika ya.bg-gradient-*
bakelasi oyo esalemi. -
Kobukana Elongolami ba mixins oyo ezalaki liboso te:
hover
,hover-focus
,plain-hover-focus
, mpehover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(abwakaki mpe kelasi ya utilité oyo esangisi yango,.text-hide
)visibility()
form-control-focus()
-
KobukanaRenommé
scale-color()
fonction to mpo nashift-color()
ko éviter collision na fonction ya échelle ya couleur ya Sass ye moko. -
box-shadow
mixins sikoyo epesaka nzelanull
na ba valeurs mpe ekitinone
na ba arguments ebele. Talá #30394 . -
Mixin ezali
border-radius()
sikoyo na valeur ya défaut.
Système ya couleur
-
Système ya couleur oyo esalaki na
color-level()
pe$theme-color-interval
elongolamaki en faveur ya système ya couleur ya sika. Nionsolighten()
na badarken()
fonctions na codebase na biso ezo remplacer natint-color()
peshade-color()
. Ba fonctions wana ekosangisa couleur soit na pembe soit na noir au lieu ya ko changer légèreté na yango na quantité fixe. Theshift-color()
ekozala soit teinter to shade couleur moko selon soki paramètre ya poids na yango ezali positive to négatif. Tala #30622 mpo na koyeba makambo mosusu. -
Babakisaki ba teints mpe ba nuances ya sika mpo na langi nyonso, kopesaka balangi libwa ekeseni mpo na langi moko na moko ya base, lokola ba variables ya sika ya Sass.
-
Bokeseni ya langi oyo ebongisami malamu. Ratio ya contraste ya couleur ezo bumped de 3:1 à 4.5:1 et mise à jour ya ba couleurs bleu, vert, cyan, na rose pona ko assurer contraste ya WCAG 2.1 AA. Lisusu abongoli langi na biso ya bokeseni ya langi uta
$gray-900
na$black
. -
Mpo na kosunga système na biso ya couleur, tobakisi ba personnalisés ya sika
tint-color()
mpeshade-color()
ba fonctions mpo na kosangisa ba couleurs na biso na ndenge esengeli.
Mikolo oyo ya grille
-
Point de rupture ya sika! Abakisaki
xxl
point de rupture ya sika mpo na1400px
mpe likolo. Mbongwana moko te na ba points de rupture mosusu nyonso. -
Ba gouttières oyo ebongisami malamu. Ba gouttières etiamaki sikawa na rems, mpe ezali moke koleka v4 (
1.5rem
, to pene na24px
, na nse uta30px
). Yango e aligner ba gouttières ya système na biso ya réseau na ba utilitaires na biso ya espacement.- Babakisaki kelasi ya sika ya gouttières (
.g-*
,.gx-*
, mpe.gy-*
) mpo na kotambwisa ba gouttières horizontales/verticales, ba gouttières horizontales, mpe ba gouttières verticales. - KobukanaRenommé
.no-gutters
to mpo na.g-0
ko correspondre na ba utilitaires ya sika ya gouttière.
- Babakisaki kelasi ya sika ya gouttières (
-
Ba colonnes esalemi lisusu te
position: relative
, yango wana ekoki kozala ete osengeli kobakisa.position-relative
na mwa biloko mpo na kozongisa ezaleli wana. -
KobukanaAbwakaki
.order-*
bakelasi mingi oyo mbala mingi ezalaki kokende kozanga kosalelama. Tozali sikoyo kopesa kaka.order-1
na.order-5
libanda ya boîte. -
KobukanaAbwakaki
.media
composant lokola ekoki ko reproduire facilement na ba utilitaires. Tala #28265 mpe lokasa ya ba utilitaires flex mpo na ndakisa . -
Kobukana
bootstrap-grid.css
sikoyo etali kakabox-sizing: border-box
colonne na esika ya kozongisa bonene ya boîte ya mokili mobimba. Na ndenge wana, ba styles na biso ya grille ekoki kosalelama na bisika mingi sans interférence. -
$enable-grid-classes
ezo désactiver lisusu génération ya ba classes ya ba conteneurs te. Talá #29146. -
Mikolo oyo
make-col
mixin na ndenge ya default na ba colonnes ekokani sans taille oyo elakisami.
Contenu, Reboot, etc
-
RFS ezali sikoyo activé par défaut. Ba têtes oyo esalelaka
font-size()
mixin eko ajuster automatiquement na bangofont-size
na échelle na viewport. Ezaleli oyo ezalaki liboso opt-in na v4. -
KobukanaTobongisaki typographie na biso ya kolakisa mpo na kozwa esika ya ba
$display-*
variables na biso mpe na$display-font-sizes
carte ya Sass. Lisusu alongolaki ba$display-*-weight
variables individuelles mpo na s moko$display-font-weight
mpe ajustéfont-size
. -
Babakisaki
.display-*
bonene mibale ya sika ya mitó ya makambo,.display-5
mpe.display-6
. -
Ba liens ezali souligné par défaut (kaka na hover te), longola se soki ezali eteni ya ba composants spécifiques.
-
Ba tableaux oyo esalemi lisusu mpo na ko refresher ba styles na yango mpe kotonga yango lisusu na ba variables CSS mpo na contrôle mingi ya styling.
-
KobukanaBa tableaux encastrés ezo hériter lisusu ba styles te.
-
Kobukana
.thead-light
mpe.thead-dark
babwakaka na faveur ya ba.table-*
classes variantes oyo ekoki kosalelama pona ba éléments nionso ya tableau (thead
,tbody
,tfoot
,tr
,th
natd
). -
KobukanaMixin
table-row-variant()
ebongwani kombo na yangotable-variant()
mpe endimaka kaka 2 paramètres:$color
(kombo ya langi) mpe$value
(code ya langi). Langi ya ndelo mpe balangi ya accent ezwamaka na ndenge ya automatique na kotalela ba variables ya facteur ya tableau. -
Bokabola ba variables ya remplissage ya cellule ya table na
-y
mpe-x
. -
KobukanaBatikaki
.pre-scrollable
kelasi. Talá #29135 -
Kobukana
.text-*
ba utilitaires ebakisaka lisusu ba états ya hover na focus te na ba liens..link-*
bakelasi ya mosungi ekoki kosalelama na esika na yango. Talá #29267 -
KobukanaBatikaki
.text-justify
kelasi. Talá #29793 -
Réinitialiser par défaut horizontal
padding-left
on<ul>
mpe<ol>
ba éléments depuis défaut ya navigateur40px
na2rem
. -
Added
$enable-smooth-scroll
, oyo esalemakascroll-behavior: smooth
na mokili mobimba —longola kaka basaleli oyo bazali kosenga kokitisa mouvement na nzela ya botuna yaprefers-reduced-motion
media. Talá #31877
RTL
- Ba variables spécifiques ya direction horizontale, ba utilitaires, na ba mixins nionso ebongwani kombo mosusu mpo na kosalela ba propriétés logique lokola oyo ezwami na ba layouts ya flexbox —ndakisa,
start
mpeend
na esika yaleft
mperight
.
Baformilɛrɛ
-
Babakisaki baformilɛrɛ ya sika oyo ezali kopumbwapumbwa! Totombolaki ndakisa ya ba étiquettes Flottant na ba composants ya formulaire oyo esungami mobimba. Tala lokasa ya sika ya ba étiquettes flottantes.
-
Kobukana Ba éléments ya forme natif na personnalisé oyo esangisi. Ba cases ya kotiya bilembo, ba radios, ba selects, mpe ba entrées mosusu oyo ezalaki na ba classes native mpe personnalisée na v4 esangisami. Sikoyo pene na ba éléments na biso nionso ya formulaire ezali entièrement personnalisé, mingi sans besoin ya HTML personnalisé.
.custom-check
ezali sikoyo.form-check
..custom-check.custom-switch
ezali sikoyo.form-check.form-switch
..custom-select
ezali sikoyo.form-select
..custom-file
mpe.form-file
basili kozwa esika ya mitindo oyo esalemi na kolanda bamposa ya bato likoló ya.form-control
..custom-range
ezali sikoyo.form-range
.- Abwakaki native
.form-control-file
mpe.form-control-range
.
-
KobukanaEkweyi
.input-group-append
mpe.input-group-prepend
. Okoki sikoyo kaka kobakisa ba boutons mpe.input-group-text
lokola bana direct ya ba groupes ya entrée. -
Rayon ya ndelo ya kozanga kala na groupe ya entrée na bug ya rétroaction ya validation ebongisi na suka na kobakisa
.has-validation
classe ya kobakisa na ba groupes ya entrée na validation. -
Kobukana Abwakaki ba classes ya layout spécifique ya formulaire pona système na biso ya grille. Salelá grille mpe ba utilités na biso na esika ya
.form-group
,.form-row
, to.form-inline
. -
KobukanaBa étiquettes ya formulaire esengi sikoyo
.form-label
. -
Kobukana
.form-text
no longer setsdisplay
, kopesa yo nzela ya kosala na kati to kokanga makomi ya lisalisi ndenge olingi kaka na kobongola eleman HTML. -
Ba icônes ya validation esalemaka lisusu te na
<select>
s namultiple
. -
Ba fisyé Sass ya source ebongisami lisusu na se ya
scss/forms/
, bakisa mpe ba styles ya groupe ya entrée.
Ba composants
- Ba valeurs unifiées
padding
pona ba alertes, ba miettes ya mapa, ba cartes, ba dropdowns, ba groupes ya liste, ba modals, ba popovers, na ba toli ya bisaleli pona kozala basé na$spacer
variable na biso. Talá #30564 .
Accordion
- Babakisaki composant ya sika ya accordéon .
Ba alertes
-
Ba alertes ezali sikoyo na ba exemples na ba icons .
-
Balongoli ba styles personnalisés pona
<hr>
s na alerte moko na moko puisque basalelaka déjàcurrentColor
.
Badge ya ba badges
-
KobukanaAbwaki ba
.badge-*
classes nionso ya couleur pona ba utilitaires ya fond (ndakisa, salela.bg-primary
na esika ya.badge-primary
). -
KobukanaEbwaki
.badge-pill
—salela.rounded-pill
utilitaire na esika na yango. -
KobukanaElongolami ba styles ya hover na focus pona
<a>
na ba<button>
éléments. -
Bobakisi padding ya default mpo na ba badges kobanda
.25em
/.5em
kino.35em
/.65em
.
Biloko ya kosala mampa
-
Simplifié appearance par défaut ya ba mikuwa ya mampa na kolongolaka
padding
,background-color
, mpeborder-radius
. -
Abakisaki propriété personnalisée ya sika ya CSS
--bs-breadcrumb-divider
mpo na personnalisation ya pete sans besoin ya ko recompiler CSS.
Ba boutons
-
Kobukana Ba boutons ya kobongola , na ba cases ya kotiya elembo to ba radios, esengaka lisusu JavaScript te mpe ezali na marque ya sika. Tozali lisusu na mposa ya eloko ya kokanga te, kobakisa
.btn-check
na<input>
, mpe kosala yango na.btn
bakelasi nyonso oyo ezali na<label>
. Talá #30650 . Ba docs mpo na yango elongwi na lokasa na biso ya Ba Boutons mpe ekómi na eteni ya sika ya Baformilɛrɛ. -
Kobukana Babwakaki
.btn-block
mpo na ba utilités. Na esika ya kosalela.btn-block
na.btn
, zingá ba boutons na yo na.d-grid
mpe.gap-*
utilitaire moko mpo na kotya esika na yango soki esengeli. Bobongola na bakelasi oyo ezali koyanola mpo na kozala na bokonzi mingi koleka likoló na yango. Tanga ba docs pona ba exemples mosusu. -
Mikolo oyo na biso
button-variant()
mpebutton-outline-variant()
mixins mpo na kosunga ba paramètres ya kobakisa. -
Ba boutons actualisés pona ko assurer contraste emati na hover na ba états actifs.
-
Ba boutons oyo ekangami ezali sikoyo na
pointer-events: none;
.
Karte
-
KobukanaEkiti
.card-deck
na faveur ya grille na biso. Envelopper ba cartes na yo na ba classes ya colonne mpe bakisa.row-cols-*
conteneur parent mpo na ko recréer ba decks ya carte (kasi na contrôle mingi likolo ya alignment responsive). -
KobukanaAkweyi
.card-columns
na faveur ya Maçonnerie. Talá #28922 . -
KobukanaBa remplacer
.card
accordéon oyo ezalaki na base na composant ya sika ya Accordion .
Carrousel ya kosala
-
Babakisaki
.carousel-dark
variante ya sika mpo na makomi ya molili, ba contrôles, mpe ba indicateurs (ezali malamu mpo na ba fond ya pole). -
Ba remplacer ba icônes ya chevron pona ba contrôles ya carousel na ba SVG ya sika ya Bootstrap Icons .
Bouton ya kokanga
-
KobukanaBabongoli kombo
.close
na yango.btn-close
mpo na kombo oyo ezali moins générique. -
Ba boutons ya kokanga esalela sikoyo a
background-image
(SVG oyo ekotisami) na esika ya a×
na kati ya HTML, epesaka nzela na kosala personnalisation ya pete sans besoin ya kosimba marquage na yo. -
Abakisaki
.btn-close-white
variante ya sika oyo esalelakafilter: invert(1)
mpo na kopesa nzela na ba icônes ya ko rejeter contraste ya likolo contre ba fond ya molili.
Kokwea
- Balongoli ancrage ya rouleau mpo na ba accordéons.
Ba dropdowns ya kokita
-
Abakisaki
.dropdown-menu-dark
variante ya sika mpe ba variables associées mpo na ba dropdowns ya molili na demande. -
Babakisaki variable ya sika mpo na
$dropdown-padding-x
. -
Ekómisaki molili na mokaboli oyo ezalaki kokita mpo na kobongisa bokeseni.
-
KobukanaBa événements nionso pona dropdown ezo déclenché sikoyo na bouton toggle ya dropdown et puis ezo bubbler tii na élément parent.
-
Ba menu ya déroulant ezali sikoyo na
data-bs-popper="static"
attribut oyo etiamaki tango positionnement ya déroulant ezali statique mpedata-bs-popper="none"
tango déroulant ezali na navbar. Yango ebakisami na JavaScript na biso mpe esalisaka biso tosalela ba styles ya position personnalisé sans ko interférer na positionnement ya Popper. -
KobukanaOption
flip
ekiti mpo na plugin ya kokita na faveur ya configuration native ya Popper. Okoki sikoyo ko désactiver comportement ya flipping na koleka array ya pamba ponafallbackPlacements
option na modificateur ya flip . -
Ba menu ya kokita ekoki sikoyo kozala cliquer na
autoClose
option ya sika pona ko gérer comportement ya auto close . Okoki kosalela option oyo mpo na kondima kofina na kati to libanda ya menu oyo ezali kokita mpo na kosala ete ezala interactive. -
Ba dropdowns sikoyo esungaka
.dropdown-item
s enveloppé na<li>
s.
Jumbotron oyo azali
- KobukanaAbwakaki composante ya jumbotron lokola ekoki ko reproduire na ba utilitaires. Tala ndakisa na biso ya sika ya Jumbotron mpo na démonstration.
Liste ya groupe
- Abakisaki mobongisi ya sika na
.list-group-numbered
bituluku ya liste.
Navs na ba onglets
- Abakisaki ba
null
variables ya sika mpo nafont-size
,font-weight
,color
, mpe:hover
color
na.nav-link
kelasi.
Ba Navbars
- KobukanaNavbars esengaka sikoyo conteneur na kati (mpo na ko simplifier drastiquement ba exigences ya espacement na CSS esengeli).
Offcanvas ezali
- Abakisaki eteni ya sika ya offcanvas .
Kosala ba paginations
-
Ba liens ya pagination ezali sikoyo na personnalisable
margin-left
oyo ezali dynamiquement arrondi na ba coins nionso tango ekabwani moko na mosusu. -
Babakisaki
transition
s na ba liens ya pagination.
Bapopovers
-
KobukanaRenommé
.arrow
à.popover-arrow
dans notre modèle popover par défaut. -
Ebongoli nkombo
whiteList
ya option naallowList
.
Bato oyo basalaka spinner
-
Ba spinners bapesaka sikoyo lokumu
prefers-reduced-motion: reduce
na kolɛmbisaka ba animations. Talá #31882 . -
Alignment vertical ya spinner oyo ebongisami.
Ba toasts ya kosala
-
Ba toasts ekoki sikoyo kozala positionnés na a
.toast-container
na aide ya positionnement utilités . -
Ba changer durée ya toast par défaut na 5 secondes.
-
Elongolami
overflow: hidden
na ba toasts mpe e remplacer yango naborder-radius
s propre na bacalc()
fonctions.
Batoli ya bisaleli
-
KobukanaRenommé
.arrow
na.tooltip-arrow
na modèle na biso ya tooltip par défaut. -
KobukanaValeur ya défaut mpo na
fallbackPlacements
ebongwanaki na['top', 'right', 'bottom', 'left']
mpo na placement ya malamu ya ba éléments popper. -
KobukanaEbongoli nkombo
whiteList
ya option naallowList
.
Ba utilités
-
KobukanaEbongoli kombo ya ba utilitaires ebele mpo na kosalela ba kombo ya propriété logique na esika ya ba kombo ya direction na kobakisa lisungi ya RTL:
- Ebongolamaki nkombo
.left-*
mpe.right-*
na.start-*
mpe.end-*
. - Ebongolamaki nkombo
.float-left
mpe.float-right
na.float-start
mpe.float-end
. - Ebongolamaki nkombo
.border-left
mpe.border-right
na.border-start
mpe.border-end
. - Ebongolamaki nkombo
.rounded-left
mpe.rounded-right
na.rounded-start
mpe.rounded-end
. - Ebongolamaki nkombo
.ml-*
mpe.mr-*
na.ms-*
mpe.me-*
. - Ebongolamaki nkombo
.pl-*
mpe.pr-*
na.ps-*
mpe.pe-*
. - Ebongolamaki nkombo
.text-left
mpe.text-right
na.text-start
mpe.text-end
.
- Ebongolamaki nkombo
-
KobukanaDésactivé ba marges négatives par défaut.
-
Abakisaki
.bg-body
kelasi ya sika mpo na kotya nokinoki<body>
fond ya 's na biloko mosusu. -
Abakisaki ba utilitaires ya sika ya position mpo na
top
,right
,bottom
, mpeleft
. Mituya ezali na0
,50%
, mpe100%
mpo na eloko moko na moko. -
Abakisaki ya sika
.translate-middle-x
&.translate-middle-y
utilitaires na horizontalement to verticalement centre absolument/fixe ba éléments positionné. -
Babakisaki ba
border-width
utilités ya sika . -
KobukanaBapesaki nkombo mosusu
.text-monospace
na.font-monospace
. -
KobukanaElongolami
.text-hide
lokola ezali méthode antiquée ya kobomba texte oyo esengeli lisusu kosalelama te. -
.fs-*
Ba utilitaires ebakisami mpo nafont-size
ba utilitaires (na RFS oyo efungolami). Yango esalelaka échelle moko na mitó ya makambo ya HTML oyo ezali liboso (1-6, monene tii moke), mpe ekoki kobongisama na nzela ya karte ya Sass. -
Kobukana
.font-weight-*
Ba utilités oyo ezongisami kombo lokola mpo.fw-*
na bokuse mpe boyokani. -
Kobukana
.font-style-*
Ba utilités oyo ezongisami kombo lokola mpo.fst-*
na bokuse mpe boyokani. -
Ebakisami
.d-grid
mpo na kolakisa ba utilitaires mpe bagap
utilitaires ya sika (.gap
) mpo na ba layouts ya CSS Grid mpe flexbox. -
KobukanaElongolami
.rounded-sm
mperounded-lg
, mpe ekɔtisaki échelle ya sika ya bakelasi,.rounded-0
na.rounded-3
. Talá #31687 . -
Babakisaki ba
line-height
utilités ya sika:.lh-1
,.lh-sm
,.lh-base
mpe.lh-lg
. Talá awa . -
Ba déplacé
.d-none
utilitaire na CSS na biso pona kopesa yango poids mingi sur ba utilitaires misusu ya affichage. -
Abakisaki
.visually-hidden-focusable
mosungi mpo na kosala mpe na ba récipients, kosalelaka:focus-within
.
Basungi
-
Kobukana Basungi ya kokɔtisa oyo bazali koyanola babongoli nkombo mosusu na basalisi ya ratio oyo bazali na bankombo ya sika ya kelasi mpe bizaleli oyo ebongisami, mpe lisusu variable ya CSS oyo esalisaka.
- Ba classes ezo kombo na yango pona ko changer
by
nax
na rapport ya aspect. Na ndakisa,.ratio-16by9
ezali sikoyo.ratio-16x9
. - Tobwaki na
.embed-responsive-item
selecteur ya groupe ya élément na faveur ya.ratio > *
sélecteur ya plus simple. Kelasi mosusu esengeli te, mpe mosungi ya ratio azali sikawa kosala na eleman HTML nyonso. - Carte ya
$embed-responsive-aspect-ratios
Sass ebongwani kombo na$aspect-ratios
yango mpe ba valeurs na yango esili ko simplifier mpo na kotia kombo ya classe mpe pourcentage lokolakey: value
paire. - Ba variables ya CSS esalemi sikoyo pe ekotisami pona valeur moko moko na carte ya Sass. Modifier
--bs-aspect-ratio
variable na.ratio
pona kosala rapport ya aspect personnalisé nionso .
- Ba classes ezo kombo na yango pona ko changer
-
Kobukana Bakelasi ya “motángi ya écran” ezali sikawa bakelasi oyo “ebombami na miso” .
- Abongoli fichier Sass uta
scss/helpers/_screenreaders.scss
na nascss/helpers/_visually-hidden.scss
- Ebongolamaki nkombo
.sr-only
mpe.sr-only-focusable
na.visually-hidden
mpe.visually-hidden-focusable
- Renommé
sr-only()
mpesr-only-focusable()
mixins navisually-hidden()
mpevisually-hidden-focusable()
.
- Abongoli fichier Sass uta
-
bootstrap-utilities.css
sikoyo ezali mpe na basungi na biso. Basungi bazali lisusu na mposa te ya kokɔtisama na botongi ya momeseno.
JavaScript ezali
-
Abwakaki dépendance ya jQuery mpe akomaki lisusu ba plugins mpo ezala na JavaScript ya mbala na mbala.
-
KobukanaBa attributs ya ba données mpo na ba plugins nionso ya JavaScript ezali sikoyo na esika ya kombo mpo na kosalisa kokesenisa fonctionnalité ya Bootstrap na ba parties troisièmes mpe code na yo moko. Na ndakisa, tosalelaka
data-bs-toggle
na esika yadata-toggle
. -
Ba plugins nionso ekoki sikoyo kondima selecteur ya CSS lokola argument ya liboso. Okoki koleka eleman ya DOM to moponi CSS nyonso ya malamu mpo na kosala instance ya sika ya plugin:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
ekoki koleka lokola fonction oyo endimaka config ya Popper ya liboso ya Bootstrap lokola argument, mpo ete okoka kosangisa configuration oyo ya liboso na nzela na yo. Etali ba dropdowns, ba popovers, mpe ba totips ya bisaleli. -
Valeur ya défaut mpo na
fallbackPlacements
ebongwanaki na['top', 'right', 'bottom', 'left']
mpo na placement ya malamu ya ba éléments ya Popper. Etali ba dropdowns, ba popovers, mpe ba totips ya bisaleli. -
Elongolami soulignement na ba méthodes statiques publiques lokola
_getInstance()
→getInstance()
.