Go hudugela go v5
Latela le go hlahloba diphetogo go difaele tša mothopo tša Bootstrap, ditokomane, le dikarolo go go thuša go huduga go tšwa go v4 go ya go v5.
Ditshepetšo tša go ithekga
- E lahlilwe jQuery.
- E ntlafaditšwe go tšwa go Popper v1.x go ya go Popper v2.x.
- E tšeetšwe sebaka sa Libsass ka Dart Sass ka ge mokgoboketši wa rena wa Sass yo a filwego Libsass o be a tlogetšwe.
- E hudugile go tšwa Jekyll go ya Hugo bakeng sa go aga ditokomane tša rena
Thekgo ya sephephediši
- Lahla Internet Explorer 10 le 11
- E lahlilwe Microsoft Edge < 16 (Legacy Edge) .
- E lahlilwe Firefox < 60
- Safari e lahlilwe < 12
- E lahlile iOS Safari < 12
- Chrome e lahlilwe < 60
Ditokomane di a fetoga
- Letlakala la gae le le hlamilwego lefsa, peakanyo ya ditokomane, le letlakala la ka tlase.
- E okeditšwe tlhahlo ye mpsha ya Diphuthelwana .
- Added new Customize section , replacing v4's Theming page , ka dintlha tse ntjha ka Sass, dikgetho tsa peakanyo ya lefatše, dikema tsa mebala, diphetolo CSS, le ho feta.
- E rulagantšwe leswa ditokomane ka moka tša foromo go ba karolo ye mpsha ya Diforomo , go aroganya diteng go ba matlakala ao a tsepeletšego kudu.
- Ka mo go swanago, e mpshafaditšwe karolo ya Peakanyo , go nama diteng tša keriti ka mo go kwagalago kudu.
- E reeletšwe gape letlakala la karolo ya “Navs” go “Navs & Tabs”.
- E reilwe leina lefsa la letlakala la “Ditshekatsheko” go “Ditshekatsheko & diradio”.
- Redesigned navbar le eketsa subnav e ncha ho etsa hore ho be bonolo ho tsamaea ho pota libaka tsa rona le diphetolelo docs.
- E okeditšwe ka tsela ye mpsha ya khiiboto ya tšhemo ya nyakišišo: Ctrl + /.
Sass
-
Re ditched dikopano tša mmapa wa Sass tša go se fetoge go dira gore go be bonolo go tloša dikelo tše di sa nyakegego. Dula o gopola gore bjale o swanetše go hlaloša dikelo ka moka ka go dimmapa tša Sass go swana le
$theme-colors
. Lekola kamoo o ka lebeletšanago le dimmapa tša Sass . -
Go thubaRename
color-yiq()
mosebetsi le diphetolo amanang hocolor-contrast()
e le e 's ha e sa amana le YIQ colorspace. Bona # 30168.$yiq-contrasted-threshold
e rewa leina le lefsa go$min-contrast-ratio
.$yiq-text-dark
gomme$yiq-text-light
ka go latelelana di rewa leina le lefsa go$color-contrast-dark
le$color-contrast-light
.
-
Go thubaMedia potšišo mixins ditekanyetšo di fetogile bakeng sa mokgwa wo o kwagalago kudu.
media-breakpoint-down()
e šomiša ntlha ya go kgaotša ka boyona go e na le ntlha ya go kgaotša ye e latelago (mohlala,media-breakpoint-down(lg)
go e na lemedia-breakpoint-down(md)
diphetho tša go lebelela tše nnyane go fetalg
).- Ka mo go swanago, paramethara ya bobedi ka
media-breakpoint-between()
gape e šomiša ntlha ya go kgaotša ka boyona go e na le ntlha ya go kgaotša ye e latelago (mohlala,media-between(sm, lg)
go e na lemedia-breakpoint-between(sm, md)
diphetho tša go lebelela magareng gasm
lelg
).
-
Go thubaTlošitšwe mekgwa ya go phrintha le
$enable-print-styles
phetogo. Diklase tša pontšho ya go phrintha di sa dutše di le gona. Bona #28339 . -
Go thubaLahlilwe
color()
,theme-color()
, legray()
mesebetsi molemong oa diphetolo. Bona # 29083 . -
Go thubaMošomo wo o reeletšwego gape
theme-color-level()
gocolor-level()
gomme bjale o amogela mmala ofe goba ofe wo o o nyakago go e na le$theme-color
mebala fela. Bona #29083 Hlokomela:color-level()
e ile ya lahlelwa ka morago kav5.0.0-alpha3
. -
Go thubaE reeletšwe leina lefsa
$enable-prefers-reduced-motion-media-query
le$enable-pointer-cursor-for-buttons
go ya go$enable-reduced-motion
le$enable-button-pointers
bakeng sa go ba le boripana. -
Go thubaGo tlošitšwe
bg-gradient-variant()
mixin. Šomiša sehlopha go oketša dikelo go dielemente go e na le diklase tše di.bg-gradient
tšweleditšwego ..bg-gradient-*
-
Go thuba Di-mixin tšeo di bego di tlogetšwe peleng tšeo di tlošitšwego:
hover
,hover-focus
,plain-hover-focus
, lehover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(gape o ile a lahlela sehlopha sa utility se amanang,.text-hide
) .visibility()
form-control-focus()
-
Go thubaRenamed
scale-color()
mošomo goshift-color()
go efoga thulano le Sass ka boyona mmala scaling mošomo. -
box-shadow
mixins bjale e dumelelanull
boleng le go theoganone
go tšwa go dingangišano tše dintši. Bona # 30394 . -
border-radius()
Mixin bjale e na le boleng bja go se fetoge .
Tsamaiso ya mebala
-
Tshepedišo ya mebala yeo e šomilego le
color-level()
gomme$theme-color-interval
ya tlošwa go thekga tshepedišo ye mpsha ya mebala. Ka mokalighten()
ledarken()
mešomo ka gare ga codebase ya rena e tšeelwa legato ketint-color()
leshade-color()
. Mešomo ye e tla tswaka mmala le wo mošweu goba wo motsothwa go e na le go fetoša go ba bofefo bja wona ka tekanyo ye e beilwego. Theshift-color()
tla e ka ba tint kapa moriti mmala ho itšetlehile ka hore na paramethara lona boima ba 'mele ke e ntle kapa e mpe. Bona #30622 go hwetša dintlha ka botlalo. -
E okeditše ditint tše mpsha le meriti ya mmala wo mongwe le wo mongwe, go fa mebala ye senyane ye e aroganego ya mmala wo mongwe le wo mongwe wa motheo, bjalo ka diphetogo tše mpsha tša Sass.
-
Phapano ya mebala e kaonafetšego. Bumped mmala phapang karo-karolelano ho tloha 3: 1 ho 4.5: 1 le ntjhafatswa putsoa, tala, cyan, le pinki mebala ho etsa bonnete ba WCAG 2.1 AA fapaneng. Gape o fetotše mmala wa rena wa phapano ya mmala go tloga
$gray-900
go go$black
. -
Go thekga tshepedišo ya rena ya mebala, re okeditše tlwaelo ye mpsha
tint-color()
leshade-color()
mešomo ya go tswaka mebala ya rena ka tshwanelo.
Diapdeite tša keriti
-
Ntlha e mpsha ya go kgaotša! Added e ncha
xxl
breakpoint bakeng sa1400px
le ho fihlela. Ga go na diphetogo go mafelo a mangwe ka moka a go kgaotša. -
Di-gutter tše di kaonefaditšwego. Di-gutter bjale di beakantšwe ka rems, gomme di tshesane go feta v4 (
1.5rem
, goba e ka ba24px
, go theoga go tšwa30px
). Se se logaganya diphaephe tša tshepedišo ya rena ya keriti le didirišwa tša rena tša go arola sekgoba.- Go okeditšwe sehlopha se sefsa sa diphaephe (
.g-*
,.gx-*
, le.gy-*
) go laola diphaephe tše di rapaletšego/tše di emego thwii, diphaephe tše di rapaletšego le diphaephe tše di emego thwii. - Go thubaRenamed
.no-gutters
go.g-0
go swana le didirišwa tše mpsha tša gutter.
- Go okeditšwe sehlopha se sefsa sa diphaephe (
-
Dikholomo ga di sa
position: relative
šoma, ka fao o ka swanelwa ke go tlaleletša.position-relative
go dielemente tše dingwe go bušetša boitshwaro bjoo. -
Go thubaO ile a lahlela diklase tše mmalwa
.order-*
tšeo gantši di bego di sa dirišwe. Re bjale re fana feela.order-1
go.order-5
ka ntle ga lepokisi. -
Go thubaLahlela
.media
karolo e le e ka habonolo pheta-pheta le utilities. Bona #28265 le letlakala la flex utilities bakeng sa mohlala . -
Go thuba
bootstrap-grid.css
bjale e šoma felabox-sizing: border-box
go kholomo go e na le go seta gape go beakanya bogolo bja lepokisi la lefase ka bophara. Ka tsela ye, mekgwa ya rena ya keriti e ka šomišwa mafelong a mantši ntle le tšhitišo. -
$enable-grid-classes
ga e sa šitiša moloko wa diklase tša ditshelo gape. Bona # 29146. -
E mpshafaditšwe
make-col
mixin go ya go default go dikholomo tše di lekanago ntle le bogolo bjo bo laeditšwego.
Diteng, Reboot, jj
-
RFS bjale e kgontšhitšwe ka go ikemela. Dihlogo tše di šomišago
font-size()
mixin di tla beakanya ka go iketla tša tšonafont-size
go sekala ka lefelo la go lebelela. tšobotsi ena pele e ne e le opt-in le v4. -
Go thubaO ile a lokiša thaepo ya rena ya pontšho go tšeela
$display-*
diphetogo tša rena legato le ka$display-font-sizes
mmapa wa Sass. Gape tloša$display-*-weight
diphetogo motho ka o tee ka o tee bakeng sa s e tee$display-font-weight
le e fetotšwegofont-size
. -
E okeditše
.display-*
bogolo bjo bobedi bjo bofsa bja dihlogo,.display-5
le.display-6
. -
Dikgokagano di thaletšwe ka go ikemela (e sego fela go hover), ntle le ge e le karolo ya dikarolo tše itšego.
-
Ditafola tše di hlamilwego leswa go hlabolla mekgwa ya tšona le go di aga lefsa ka diphetogo tša CSS bakeng sa taolo ye ntši godimo ga setaele.
-
Go thubaDitafola tše di tsentšwego ka gare ga dihlaga ga di sa ja bohwa bja mekgwa.
-
Go thuba
.thead-light
gomme.thead-dark
di lahlwa go thekga.table-*
dihlopha tša go fapana tšeo di ka šomišwago go dielemente ka moka tša tafola (thead
,tbody
,tfoot
,tr
,th
letd
). -
Go thuba
table-row-variant()
Mixin e reelwa gape go gommetable-variant()
e amogela fela ditekanyetšo tše 2:$color
(leina la mmala) le$value
(khoutu ya mmala). Mmala wa mollwane le mebala ya aksense e balwa ka go iketla go ya ka diphetogo ta ntlha ya tafola. -
Aroganya diphetogo tša go tlatša sele ya tafola go
-y
le-x
. -
Go thubaTlase e lahlilwe
.pre-scrollable
. Bona # 29135 -
Go thuba
.text-*
didirišwa ga di sa tlaleletša ka go hover le go tsepamiša kgopolo go dikgokagano gape..link-*
diklase tša mothuši di ka dirišwa go e na le moo. Bona # 29267 -
Go thubaTlase e lahlilwe
.text-justify
. Bona # 29793 -
Go thuba
<hr>
dielemente bjale di šomišaheight
go e na leborder
go thekgasize
seka gakaone. Se se kgontšha gape tšhomišo ya didirišwa tša go padding go hlola dikarolo tše koto (mohlala,<hr class="py-1">
). -
Seta gape go rapalala ga maitirelo
padding-left
go<ul>
le<ol>
dielemente go tšwa go maitirelo a sephephediši go ya40px
go2rem
. -
Added
$enable-smooth-scroll
, yeo e šomagoscroll-behavior: smooth
lefaseng ka bophara—ntle le badiriši bao ba kgopelago go fokotšega ga tšhišinyego kaprefers-reduced-motion
potšišo ya methopo ya ditaba. Bona # 31877
RTL e le
- Diphetogo tše itšego tša tlhahlo ya go rapalala, didirišwa, le mixins ka moka di reeletšwe gape go šomiša dithoto tše di kwagalago go swana le tšeo di hwetšwago ka go dipeakanyo tša flexbox—mohlala,
start
leend
legatong laleft
leright
.
Diforomo
-
E okeditšwe ka diforomo tše mpsha tše di phaphametšego! Re kgothaleditše mohlala wa dileibole tše di Phaphametšego go dikarolo tša foromo tšeo di thekgwago ka botlalo. Bona letlakala le lefsa la Dileibole tše di Phaphametšego.
-
Go thuba Dielemente tša foromo ya setlogo le ya tlwaelo ye e kopantšwego. Mapokisi a go hlahloba, diradio, dikgetho, le ditseno tše dingwe tšeo di bego di na le diklase tša setlogo le tša tlwaelo go v4 di kopantšwe. Bjale mo e nyakilego go ba dielemente tša rena ka moka tša foromo ke tša tlwaelo ka mo go feletšego, bontši ntle le go nyakega ga HTML ya tlwaelo.
.custom-check
ke bjale.form-check
..custom-check.custom-switch
ke bjale.form-check.form-switch
..custom-select
ke bjale.form-select
..custom-file
gomme.form-file
di tšeetšwe legato ke mekgwa ya tlwaelo godimo ga.form-control
..custom-range
ke bjale.form-range
.- O lahlilwe setlogo
.form-control-file
le.form-control-range
.
-
Go thubaE lahlilwe
.input-group-append
gomme.input-group-prepend
. Bjale o ka no oketša dikonope le.input-group-text
bjalo ka bana ba thwii ba dihlopha tša go tsenya. -
Radius ya mollwane wa go Hlokagala yeo e lego kgale e le gona go sehlopha sa tsenyo ka phošo ya ditshwayotshwayo tša netefatšo mafelelong e lokišitšwe ka go oketša
.has-validation
sehlopha sa tlaleletšo go dihlopha tša tsenyo ka netefatšo. -
Go thuba O lahlile diklase tša peakanyo tše di itšego tša foromo bakeng sa tshepedišo ya rena ya keriti. Diriša keriti ya rena le didirišwa tša motheo go e na le
.form-group
,.form-row
, goba.form-inline
. -
Go thubaDileibole tša foromo bjale di nyaka
.form-label
. -
Go thuba
.form-text
ga e sa beakanyadisplay
, e go dumelela go hlama sengwalwa sa thušo sa ka gare goba sa thibela ka fao o ratago ka gona fela ka go fetoša elemente ya HTML. -
Diaekhone tša netefatšo ga di sa dirišwa go
<select>
s kamultiple
. -
Difaele tša Sass tša mohlodi tše di beakantšwego gape ka fase ga
scss/forms/
, go akaretšwa le mekgwa ya sehlopha sa go tsenya.
Dikarolo
- Ditekanyetšo tše di kopantšwego
padding
tša ditemošo, di-breadcrumb, dikarata, di-drolodown, dihlopha tša lenaneo, di-modal, di-popover, le ditlhagišo tša didirišwa tšeo di tlago go thewa godimo ga$spacer
phetogo ya rena. Bona # 30564 .
Accordion ya go swana le yona
- Go okeditšwe karolo e mpsha ya accordion .
Ditemošo
-
Ditemošo bjale di na le mehlala yeo e nago le maswao .
-
Go tlošitšwe mekgwa ya tlwaelo ya
<hr>
s ka go temošo ye nngwe le ye nngwe ka ge ba šetše ba šomišacurrentColor
.
Dipetšhe
-
Go thubaLahlela
.badge-*
dihlopha ka moka tša mebala bakeng sa didirišwa tša ka morago (mohlala, diriša.bg-primary
go e na le.badge-primary
). -
Go thuba
.badge-pill
E lahlilwe —diriša utility.rounded-pill
go e na le moo. -
Go thubaTloswa hover le tsepamisa maikutlo mekhoa bakeng sa
<a>
le<button>
elements. -
Go oketša go tlatša ga go se fetoge ga dipetšhe go tšwa go
.25em
/.5em
go ya go.35em
/.65em
.
Dikgapetla tša borotho
-
E nolofaditše ponagalo ya go se fetoge ya diphaphathi tša borotho ka go tloša
padding
,background-color
, leborder-radius
. -
E okeditšwe thepa e mpsha ya tlwaelo ya CSS
--bs-breadcrumb-divider
bakeng sa go tlwaetša gabonolo ntle le go nyaka go kgoboketša CSS gape.
Dikonope
-
Go thuba Dikonope tša go fetoša , ka mapokisi a go hlahloba goba diradio, ga di sa nyaka JavaScript gomme di na le go swaya mo gofsa. Ga re sa nyaka elemente ya go phuthela, re tlaleletša
.btn-check
go<input>
, gomme re e kopanye le.btn
diklase le ge e le dife go<label>
. Bona # 30650 . Ditokomane tša se di hudugile go tšwa letlakaleng la rena la Dikonope go ya karolong ye mpsha ya Diforomo. -
Go thuba E lahlilwe
.btn-block
bakeng sa utilities. Go e na le go diriša.btn-block
go.btn
, phuthela dikonope tša gago ka.d-grid
le sedirišwa sa.gap-*
go di sepediša ka moo go nyakegago. Fetogela go diklase tše di arabelago bakeng sa taolo e oketšegilego le go feta godimo ga tšona. Bala di-docs bakeng sa mehlala e mengwe. -
Updated rona
button-variant()
lebutton-outline-variant()
mixins ho tšehetsa ditekanyetos tlatsetso. -
Dikonope tše di mpshafaditšwego go netefatša phapano ye e oketšegilego go hover le maemo a mafolofolo.
-
Dikonope tše di golofetšego bjale di na le
pointer-events: none;
.
Karata ya
-
Go thubaO ile a lahlela
.card-deck
ka go rata keriti ya rena. Phuthelela dikarata tša gago ka diklase tša dikholomo gomme o tlaleletše setshelo sa motswadi.row-cols-*
go hlama gape di-deck tša dikarata (eupša ka taolo ye ntši godimo ga go logaganya mo go arabelago). -
Go thubaO ile a lahlela
.card-columns
ka go rata Masonry. Bona # 28922 . -
Go thubaE ile ya tšeela
.card
accordion yeo e theilwego legato ka karolo e mpsha ya Accordion .
Carousel ya go swara
-
E okeditšwe
.carousel-dark
mohuta wo mofsa wa sengwalwa se se lefsifsi, ditaolo, le ditšhupetšo (e kgolo bakeng sa dimelo tše bofefo). -
E tšeetšwe legato diaekhone tša chevron bakeng sa ditaolo tša carousel ka di-SVG tše difsa go tšwa go Diaekhone tša Bootstrap .
Koala konopo
-
Go thubaE reeletšwe leina lefsa
.close
go.btn-close
bakeng sa leina leo le sego la kakaretšo. -
Dikonope tša go tswalela bjale di šomiša
background-image
(SVG ye e tsentšwego) go e na le a×
ka go HTML, go dumelela tlwaetšo ye bonolo ntle le go nyakega ga go kgoma go swaya ga gago. -
E okeditšwe
.btn-close-white
mohuta wo mofsa wo o šomišagofilter: invert(1)
go kgontšha diaekhone tša go lahla phapano ya godimo kgahlanong le dimelo tše lefsifsi.
Phuhlama
- Tloswa moqolo anchoring bakeng sa accordions.
Di-dropdown tša go theoga
-
E okeditšwe ka
.dropdown-menu-dark
mohuta wo mofsa le diphetogo tše di sepedišanago le tšona tša go theoga ga lefsifsi ka nyakego. -
E okeditšwe phetogo ye mpsha ya
$dropdown-padding-x
. -
E fifišitše karoganyo ya go theoga bakeng sa phapano e kaonefaditšwego.
-
Go thubaDitiragalo ka moka tša go theoga bjale di hlohleletšwa go konope ya go fetoša ya go theoga gomme ka morago tša bubbled go fihla go elemente ya motswadi.
-
Dimenu tša go theoga bjale di na le
data-bs-popper="static"
seka se se beilwego ge go beakanya ga go theoga go sa fetoge ledata-bs-popper="none"
ge go theoga go le ka gare ga navbar. Se se okeletšwa ke JavaScript ya rena gomme se re thuša go šomiša mekgwa ya maemo ya tlwaelo ntle le go šitiša go beakanya ga Popper. -
Go thubaLahla
flip
kgetho bakeng sa dropdown plugin molemong oa setlogo Popper phetolo. Bjale o ka šitiša boitshwaro bja go phetla ka go fetiša lenaneo le le se nago selo bakeng safallbackPlacements
kgetho ka go sefetoši sa go phetla . -
Dimenu tša go theoga bjale di ka kgotla ka
autoClose
kgetho ye mpsha ya go swara boitshwaro bja go tswalela ka go itiriša . O ka šomiša kgetho ye go amogela klika ka gare goba ka ntle ga thepo ya go theoga go e dira gore e be ya tirišano. -
Di-dropdown bjale di thekga
.dropdown-item
s yeo e phuthetšwego ka<li>
s.
Jumbotron ya go swana le yona
- Go thubaLahlela karolo ya jumbotron e le e ka pheta-pheta le utilities. Bona mohlala wa rena o mofsa wa Jumbotron bakeng sa demo.
Lenaneo sehlopha
- E okeditšwe
.list-group-numbered
sefetoši se sefsa go lenaneo la dihlopha.
Navs le dithepo
- E okeditšwe
null
diphetogo tše mpsha tšafont-size
,font-weight
,color
, le:hover
color
go.nav-link
sehlopha.
Di-navbar tša go swana
- Go thubaNavbars bjale e nyaka setshelo ka gare (go nolofatša kudu dinyakwa tša sekgoba le CSS ye e nyakegago).
Ka ntle ga lešela
- E okeditšwe karolo e mpsha ya offcanvas .
Go ngwala matlakala
-
Dikgokagano tša matlakala bjale di na le tšeo di ka fetošwago
margin-left
tšeo di kgokološwago ka go fetoga dikhutlo ka moka ge di arogantšwe go tšwa go tše dingwe. -
E okeditšwe
transition
ka s go dikgokagano tša matlakala.
Dipopovers
-
Go thubaE reeletšwe leina lefsa
.arrow
go.popover-arrow
ka go thempleite ya rena ya popover ya go se fetoge. -
whiteList
Kgetho e reeletšwe gape goallowList
.
Di-spinner tša go dikološa
-
Di- spinner bjale di hlompha
prefers-reduced-motion: reduce
ka go fokotša lebelo la ditshwantšho tša go phela. Bona # 31882 . -
Ntlafatswa spinner paatsepama lolamisiwa ga.
Ditositi
-
Ditositi bjale di ka bewa ka gare ga a
.toast-container
ka thušo ya didirišwa tša go beakanya . -
Fetola default toast nako ho metsotswana e 5.
-
Tloswa
overflow: hidden
ho tloha toasts le nkeloa sebaka ke loketsengborder-radius
s lecalc()
mesebetsi.
Dikeletšo tša didirišwa
-
Go thubaE reeletšwe leina lefsa
.arrow
go.tooltip-arrow
ka go thempleite ya rena ya keletšo ya sedirišwa ya go se fetoge. -
Go thubaBoleng bja go se fetoge bja
fallbackPlacements
e fetotšwe go['top', 'right', 'bottom', 'left']
bakeng sa go bewa ga dielemente tša popper gakaone. -
Go thuba
whiteList
Kgetho e reeletšwe gape goallowList
.
Didirišwa tša go thuša
-
Go thubaE reeletšwe gape didirišwa tše mmalwa go šomiša maina a thepa ye e kwagalago go e na le maina a tlhahlo ka tlaleletšo ya thekgo ya RTL:
- Reina gape
.left-*
le.right-*
go ya go.start-*
le.end-*
. - Reina gape
.float-left
le.float-right
go ya go.float-start
le.float-end
. - Reina gape
.border-left
le.border-right
go ya go.border-start
le.border-end
. - Reina gape
.rounded-left
le.rounded-right
go ya go.rounded-start
le.rounded-end
. - Reina gape
.ml-*
le.mr-*
go ya go.ms-*
le.me-*
. - Reina gape
.pl-*
le.pr-*
go ya go.ps-*
le.pe-*
. - Reina gape
.text-left
le.text-right
go ya go.text-start
le.text-end
.
- Reina gape
-
Go thubaE šitišitšwe mapheko a mabe ka go ikemela.
-
E okeditšwe ka
.bg-body
sehlopha se sefsa bakeng sa go beakanya ka pela<body>
mokokotlo wa 's go dielemente tša tlaleletšo. -
E okeditšwe ka didirišwa tše mpsha tša maemo bakeng sa
top
,right
,bottom
, leleft
. Ditekanyetšo di akaretša0
,50%
, le100%
bakeng sa thepa e nngwe le e nngwe. -
Added new
.translate-middle-x
&.translate-middle-y
utilities ho tshekaletseng kapa paatsepama setsi feletseng / tsitsitseng beha elements. -
E okeditšwe ka
border-width
didirišwa tše difsa . -
Go thubaE reeletšwe gape
.text-monospace
go ba.font-monospace
. -
Go thubaE tlošitšwe
.text-hide
ka ge e le mokgwa wa kgale wa go uta sengwalwa seo se sa swanelago go šomišwa gape. -
Didirišwa tše di okeditšwego
.fs-*
tšafont-size
didirišwa (ka RFS e kgontšhitšwe). Tše di šomiša tekanyo ye e swanago le dihlogo tša go se fetoge tša HTML (1-6, tše kgolo go ya go tše nnyane), gomme di ka fetošwa ka mmapa wa Sass. -
Go thubaRename
.font-weight-*
utilities e le.fw-*
bakeng sa bokhutšoanyane le ho se fetohe. -
Go thubaRename
.font-style-*
utilities e le.fst-*
bakeng sa bokhutšoanyane le ho se fetohe. -
E okeditšwe
.d-grid
go bontšha didirišwa le didirišwa tše mpshagap
(.gap
) tša dipeakanyo tša CSS Grid le flexbox. -
Go thubaE tlošitšwe
.rounded-sm
lerounded-lg
, gomme ya tsebagatša tekanyo e mpsha ya diklase,.rounded-0
go.rounded-3
. Bona # 31687 . -
E okeditšwe ka
line-height
didirišwa tše difsa:.lh-1
,.lh-sm
,.lh-base
le.lh-lg
. Bona mo . -
E ile ya šuthiša sedirišwa
.d-none
ka go CSS ya rena go e fa boima bjo bo oketšegilego go feta didirišwa tše dingwe tša pontšho. -
Atološitše
.visually-hidden-focusable
mothuši go šoma gape ka ditshelo, a šomiša:focus-within
.
Bathuši
-
Go thuba Bathuši ba go tsenya bao ba arabelago ba reeletšwe gape go bathuši ba tekanyo bao ba nago le maina a mafsa a klase le boitshwaro bjo bo kaonafetšego, gammogo le phetogo ya CSS ye e thušago.
- Diklase di reeletšwe gape gore di fetoge
by
gox
ka tekanyo ya dikarolo. Ka mohlala,.ratio-16by9
ke bjale.ratio-16x9
. - Re lahlile
.embed-responsive-item
le elemente sehlopha mokgethi go rata.ratio > *
mokgethi bonolo. Ga go nyakege sehlopha se sengwe, gomme mothuši wa tekanyo bjale o šoma ka elemente efe goba efe ya HTML. - Mmapa
$embed-responsive-aspect-ratios
wa Sass o reeletšwe gape$aspect-ratios
gomme dikelo tša wona di nolofaditšwe go akaretša leina la sehlopha le phesente bjalo kakey: value
para. - Diphetogo tša CSS bjale di tšweletšwa le go akaretšwa bakeng sa boleng bjo bongwe le bjo bongwe mmapeng wa Sass. Fetoša
--bs-aspect-ratio
phetogo godimo ga.ratio
go hlama tekanyo efe goba efe ya sebopego sa tlwaelo .
- Diklase di reeletšwe gape gore di fetoge
-
Go thuba Diklase tša “sebadi sa skrine” bjale ke diklase tšeo di “utilwego ka pono” .
- Fetola faele ya Sass go tloga
scss/helpers/_screenreaders.scss
go goscss/helpers/_visually-hidden.scss
- Reina gape
.sr-only
le.sr-only-focusable
go ya go.visually-hidden
le.visually-hidden-focusable
- Reina gape
sr-only()
lesr-only-focusable()
mixins govisually-hidden()
levisually-hidden-focusable()
.
- Fetola faele ya Sass go tloga
-
bootstrap-utilities.css
bjale e akaretša gape le bathuši ba rena. Bathuši ga ba sa hloke go tsenywa ka ntle ka go dikago tša tlwaelo.
JavaScript
-
O ile a lahlela go ithekga ga jQuery gomme a ngwala gape di-plugin gore di be ka go JavaScript ya ka mehla.
-
Go thubaDika tša datha tša di-plugin ka moka tša JavaScript bjale di arotšwe ka maina go thuša go kgetholla mošomo wa Bootstrap go tšwa go batho ba boraro le khoutu ya gago. Ka mohlala, re diriša
data-bs-toggle
go e na ledata-toggle
. -
Di-plugin ka moka bjale di ka amogela mokgethi wa CSS bjalo ka ngangišano ya mathomo. O ka fetiša elemente ya DOM goba mokgethi ofe goba ofe wa CSS wo o šomago go hlama mohlala wo mofsa wa plugin:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
e ka fetišwa bjalo ka mošomo wo o amogelago peakanyo ya Popper ya go se fetoge ya Bootstrap bjalo ka ngangišano, gore o kgone go kopanya peakanyo ye ya go se fetoge tseleng ya gago. E šoma go di-dropdown, di-popover, le ditlhagišo tša didirišwa. -
Boleng bja go se fetoge bja
fallbackPlacements
e fetotšwe go['top', 'right', 'bottom', 'left']
bakeng sa go bewa ga dielemente tše kaone tša Popper. E šoma go di-dropdown, di-popover, le ditlhagišo tša didirišwa. -
Tlošitšwe thalela go tšwa mekgweng ya setšhaba ya go se fetoge go swana le
_getInstance()
→getInstance()
.