v5 އަށް މައިގްރޭޓް ކުރަނީ
v4 އިން v5 އަށް މައިގްރޭޓް ކުރުމަށް އެހީތެރިވުމަށްޓަކައި ބޫޓްސްޓްރެޕް ސޯސް ފައިލްތަކާއި، ޑޮކިއުމަންޓޭޝަން އަދި ކޮމްޕޯނެންޓްތަކަށް އަންނަ ބަދަލުތައް ޓްރެކްކޮށް ރިވިއުކުރުން.
ޑިޕެންޑެންސީތަކެވެ
- ޖޭކުއަރީ ދޫކޮށްލީ.
- ޕޮޕަރ v1.x އިން ޕޮޕަރ v2.x އަށް އަޕްގްރޭޑް ކޮށްފައިވެއެވެ.
- ލިބްސާސްގެ ބަދަލުގައި ޑާރޓް ސާސް ގެނައީ އަހަރެމެންގެ ސާސް ކޮމްޕައިލަރ އަށް ދީފައިވާ ލިބްސާސް ޑިޕްރެކޭޓް ކުރެވުނު ގޮތަކަށެވެ.
- އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ބިނާކުރުމަށްޓަކައި ޖެކިލް އިން ހޫގޯއަށް ހިޖުރަކުރީ
ބްރައުޒާ ސަޕޯޓް ދިނުން
- އިންޓަރނެޓް އެކްސްޕްލޯރަރ 10 އަދި 11 ވައްޓާލައިފިއެވެ
- މައިކްރޮސޮފްޓް އެޖް < 16 (ލެގަސީ އެޖް) އަށް ވެއްޓިއްޖެ
- ފަޔަރފޮކްސް < 60 އަށް ވެއްޓިއްޖެއެވެ
- ޑްރޮޕްޑް ސަފާރީ < 12
- ވެއްޓިފައިވަނީ އައިއޯއެސް ސަފާރީ < 12 އެވެ
- ވެއްޓިފައިވަނީ ކްރޯމް < 60 އެވެ
ލިޔެކިޔުންތަކަށް ބަދަލު އަންނަނީ
- ހޯމްޕޭޖް، ޑޮކްސް ލޭއައުޓް، އަދި ފޫޓަރ އަލުން ޑިޒައިންކޮށްފައިވެއެވެ.
- އާ ޕާރުސަލް ގައިޑް އިތުރުކޮށްފި .
- އިތުރުކޮށްފައިވަނީ އާ ކަސްޓަމައިޒް ބައި , v4 ގެ ތީމިންގ ޕޭޖްގެ ބަދަލުގައި , ސާސް، ގްލޯބަލް ކޮންފިގްރޭޝަން އޮޕްޝަންސް، ކުލަ ސްކީމްސް، ސީއެސްއެސް ވެރިއޭބަލްސް، އަދި އެހެނިހެން އާ ތަފްސީލުތަކާއެކު.
- ހުރިހާ ފޯމް ޑޮކިއުމަންޓޭޝަން އާ ފޯމްސް ސެކްޝަނަކަށް އަލުން އިންތިޒާމުކޮށް ، ކޮންޓެންޓް އިތުރަށް ފޯކަސް ކުރެވިފައިވާ ޞަފްޙާ��ަކަށް ބަހާލައިގެން.
- ހަމައެފަދައިން، އަޕްޑޭޓް ކޮށްފައިވަނީ ލޭއައުޓް ބައި , ގްރިޑް ކޮންޓެންޓް މާ ސާފުކޮށް ފްލެޝް އައުޓް ކުރުމަށްޓަކައެވެ.
- “ނަވްސް” ކޮމްޕޮނެންޓް ޕޭޖަށް ނަން ބަދަލުކޮށްފައިވަނީ “ނަވްސް އެންޑް ޓެބްސް” އަށެވެ.
- “ޗެކްސް” ޕޭޖަށް ނަން ބަދަލުކޮށްފައިވަނީ “ޗެކްސް އެންޑް ރޭޑިއޯސް” އަށެވެ.
- އަޅުގަނޑުމެންގެ ސައިޓްތަކާއި ޑޮކްސް ވަރޝަންތަކުގައި ފަސޭހައިން ވަދެވޭނެ ގޮތަށް ނެވްބާރ އަލުން ޑިޒައިންކޮށް އާ ސަބްނެވް އެއް އިތުރުކޮށްފިއެވެ.
- ސަރޗް ފީލްޑަށް އާ ކީބޯޑް ޝޯޓްކަޓް އިތުރުކޮށްފި: Ctrl + /.
ސާސް އެވެ
-
އަޅުގަނޑުމެން މިވަނީ ޑިފޯލްޓް ސާސް މެޕް މާރޖްތައް ޑިޗްކޮށްފައި، ރިޑަންޑަންޓް ވެލިއުތައް ނައްތާލުމަށް ފަސޭހަ ކުރުމަށެވެ. ހަނދާނުގައި ބަހައްޓަންވީ މިހާރު ޖެހޭނީ ސާސް މެޕްތަކުގައި ހުރިހާ އަގުތަކެއް ކަނޑައަޅަން
$theme-colors
. ސާސް މެޕްތަކާ މުއާމަލާތް ކުރާނެ ގޮތް ބައްލަވާލައްވާ . -
ފަޅައިގެން ދިއުމެވެ
color-yiq()
ފަންކްޝަން އާއި ގުޅުންހުރި ވެރިއޭބަލްތަކަށް ނަން ބަދަލުކޮށްފައިވަނީcolor-contrast()
އެއީ YIQ ކަލަރސްޕޭސް އާއި ގުޅުން ނެތް އެއްޗަކަށް ވާތީއެވެ. #30168 ބައްލަވާށެވެ.$yiq-contrasted-threshold
އަށް ބަދަލުކޮށްފައިވަނީ$min-contrast-ratio
.$yiq-text-dark
އަދި$yiq-text-light
ތަރުތީބުން ނަން ބަދަލުކޮށްފައިވަނީ$color-contrast-dark
އަދި$color-contrast-light
.
-
ފަޅައިގެން ދިއުމެވެމީޑިއާ ކިއުއަރީ މިކްސިންސް ޕެރެމިޓަރސް އަށް ބަދަލު ގެނެސްފައިވަނީ މިއަށްވުރެ ލޮޖިކަލް ގޮތަކަށެވެ.
media-breakpoint-down()
ދެން އޮންނަ ބްރޭކްޕޮއިންޓްގެ ބަދަލުގައި ޚުދު ބްރޭކްޕޮއިންޓް ބޭނުންކުރެއެވެ (މިސާލަކަށް، ޓާގެޓްތަކުގެmedia-breakpoint-down(lg)
ބަދަލުގައިmedia-breakpoint-down(md)
ވިއުޕޯޓްތައް ކުދިކޮށްlg
).- ހަމައެފަދައިން، ދެވަނަ ޕެރެމިޓަރ އިން
media-breakpoint-between()
ވެސް ބޭނުންކުރަނީ ދެން އޮންނަ ބްރޭކްޕޮއިންޓްގެ ބަދަލުގައި ޚުދު ބްރޭކްޕޮއިންޓް (އެބަހީ، ޓާގެޓްސް ވިއުޕޯޓްތަކުގެmedia-between(sm, lg)
ބަދަލުގައި އަދި އާއި ދެމެދުގައި ) އެވެ.media-breakpoint-between(sm, md)
sm
lg
-
ފަޅައިގެން ދިއުމެވެޕްރިންޓް ސްޓައިލްތަކާއި
$enable-print-styles
ވެރިއޭބަލް ނައްތާލެވިއްޖެއެވެ. ޕްރިންޓް ޑިސްޕްލޭ ކްލާސްތައް އަދިވެސް އެބަހުއްޓެވެ. #28339 ބައްލަވާށެވެ . -
ފަޅައިގެން ދިއުމެވެޑްރޮޕްޑް
color()
,theme-color()
, އަދިgray()
ވެރިއޭބަލްތަކުގެ ފައިދާއަށް ފަންކްޝަންތައް. #29083 ބައްލަވާށެވެ . -
ފަޅައިގެން ދިއުމެވެ
theme-color-level()
ފަންކްޝަނަށް ނަން ބަދަލުކޮށް މިހާރު ހަމައެކަނި ކުލަތަކުގެcolor-level()
ބަދަލުގައި ބޭނުންވާ ކޮންމެ ކުލައެއް ބަލައިގަނެވޭނެއެވެ . See #29083 ސަމާލުވުން: ފަހުން ޑްރޮޕް އިން ކުރެވުނެވެ .$theme-color
color-level()
v5.0.0-alpha3
-
ފަޅައިގެން ދިއުމެވެނަން ބަދަލުކޮށް
$enable-prefers-reduced-motion-media-query
އަދި$enable-pointer-cursor-for-buttons
އަށް$enable-reduced-motion
އަދި$enable-button-pointers
ކުރުކޮށް ލިޔެފައިވެއެވެ. -
ފަޅައިގެން ދިއުމެވެމިކްސިން ނަގާފައި ވެއެވެ
bg-gradient-variant()
. ޖެނެރޭޓް ކުރެވޭ ކްލާސްތަކުގެ.bg-gradient
ބަދަލުގައި އެލިމެންޓްތަކަށް ގްރޭޑިއަންޓް އިތުރުކުރުމަށް ކްލާސް ބޭނުންކުރާށެވެ ..bg-gradient-*
-
ފަޅައިގެން ދިއުމެވެ ކުރިން ބޭނުން ނުކުރެވުނު މިކްސިންތައް ނައްތާލެވިފައިވާ:
hover
,hover-focus
,plain-hover-focus
, އަދިhover-focus-active
float()
form-control-mixin()
nav-divider()
retina-img()
text-hide()
(އެސޯސިއޭޓެޑް ޔުޓިލިޓީ ކްލާސް ވެސް ބާކީކޮށްފި،.text-hide
)visibility()
form-control-focus()
-
ފަޅައިގެން ދިއުމެވެސާސްގެ އަމިއްލަ ކުލަ ސްކޭލިން ފަންކްޝަނާ ނުޖެހުމަށްޓަކައި
scale-color()
ފަންކްޝަން އަށް ނަން ބަދަލުކޮށްފި އެވެ.shift-color()
-
box-shadow
މިކްސިންސް މިހާރު ހުއްދަ ދެނީ ވެލިއުތަކާއި ގިނަ އަރގިއުމެންޓްތަކުންnull
ޑްރޮޕް ކުރުމަށެވެ. #30394 ބައްލަވާށެވެ .none
-
މިކްސިންގައި މިހާރު
border-radius()
ޑިފޯލްޓް ވެލިއުއެއް ހުރެއެވެ.
ކުލަ ނިޒާމު
-
އާ ކުލަ ނިޒާމެއްގެ ފަރާތުން މަސައްކަތްކޮށް އުނިކުރި ކުލަ ނިޒާމެވެ
color-level()
.$theme-color-interval
އަޅުގަނޑުމެންގެ ކޯޑްބޭސްގައިވާ ހުރިހާlighten()
އަދިdarken()
ފަންކްޝަންތަކުގެ ބަދަލުގައިtint-color()
އަދިshade-color()
. މި ފަންކްޝަންތަކުގެ ސަބަބުން ވަކި މިންވަރަކަށް އޭގެ ލުއިކަން ބަދަލުކުރުމުގެ ބަދަލުގައި ހުދު ނުވަތަ ކަޅު ކުލަ އެއްކޮށްލާނެއެވެ. އެshift-color()
ކުލައެއް ޓިންޓް ނުވަތަ ޝޭޑް ކުރާނީ އޭގެ ވެއިޓް ޕެރަމިޓަރ ޕޮޒިޓިވް ނުވަތަ ނެގެޓިވް އަށް ބަލައިގެންނެވެ. އިތުރު މަޢުލޫމާތު ހޯދުމަށް #30622 ބައްލަވާށެވެ . -
ކޮންމެ ކުލައަކަށް އާ ޓިންޓްތަކާއި ޝޭޑްސް އިތުރުކޮށް، ކޮންމެ ބޭސް ކުލައަކަށް ވަކިވަކިން ނުވަ ކުލަ ފޯރުކޮށްދީ، އާ ސާސް ވެރިއޭބަލްތަކެއްގެ ގޮތުގައި.
-
ކުލަ ކޮންޓްރެސްޓް ރަނގަޅުކޮށްފިއެވެ. 3:1 އިން 4.5:1 އަށް ބަމްޕްޑް ކަލަރ ކޮންޓްރެސްޓް ރޭޝިއޯ އާއި ޑަބްލިޔުސީއޭޖީ 2.1 އޭއޭ ކޮންޓްރެސްޓް ކަށަވަރު ކުރުމަށް ބްލޫ، ގްރީން، ސައިއަން، އަދި ޕިންކް ކުލަތައް އަޕްޑޭޓް ކޮށްފައިވެއެވެ. އަދި އަހަރެމެންގެ ކުލަ ކޮންޓްރެސްޓް ކުލަ އިން
$gray-900
އަށް ބަދަލުކޮށްފިއެވެ$black
. -
އަޅުގަނޑުމެންގެ ކުލަ ނިޒާމަށް ސަޕޯޓް ކުރުމަށްޓަކައި، އަޅުގަނޑުމެންގެ ކުލަތައް އެކަށީގެންވާ ގޮތެއްގައި މިކްސް ކުރުމަށް އާ ކަސްޓަމްތަކާއި ފަންކްޝަންތައް
tint-color()
އިތުރުކޮށްފިން .shade-color()
ގްރިޑް އަޕްޑޭޓްތައް
-
އައު ބްރޭކްޕޮއިންޓެއް! އަށް އަދި މައްޗަށް އާ
xxl
ބްރޭކްޕޮއިންޓެއް އިތުރުކޮށްފިއެވެ1400px
. އެހެން ހުރިހާ ބްރޭކްޕޮއިންޓަކަށް އެއްވެސް ބަދަލެއް ނާންނާނެ. -
ރަނގަޅު ކޮށްފައިވާ ގަޓަރުތަކެވެ. ގަޓަރުތައް މިހާރު ސެޓްކޮށްފައިވަނީ rems ގައި، އަދި v4 (
1.5rem
, ނުވަތަ about24px
, down from30px
) އަށް ވުރެ ހަނިވެފައި ހުރެއެވެ. މިއީ އަޅުގަނޑުމެންގެ ގްރިޑް ސިސްޓަމްގެ ގަޓަރުތައް އަޅުގަނޑުމެންގެ ސްޕޭސިންގ ޔުޓިލިޓީސްތަކާ އެއްގޮތްކޮށްދޭ ކަމެކެވެ.- ހޮރައިޒޮންޓަލް/ވަރޓިކަލް ގަޓަރސް، ހޮރިޒޮންޓަލް ގަޓަރސް، އަދި ވަރޓިކަލް ގަޓަރސް ކޮންޓްރޯލް ކުރުމަށް އާ ގަޓަރ ކްލާސް (
.g-*
,.gx-*
, އަދި ) އިތުރުކޮށްފިއެވެ..gy-*
- ފަޅައިގެން ދިއުމެވެއާ ގަޓަރ ޔުޓިލިޓީތަކާ އެއްވަރަށް ނަން ބަދަލުކޮށްފިއެވެ
.no-gutters
..g-0
- ހޮރައިޒޮންޓަލް/ވަރޓިކަލް ގަޓަރސް، ހޮރިޒޮންޓަލް ގަޓަރސް، އަދި ވަރޓިކަލް ގަޓަރސް ކޮންޓްރޯލް ކުރުމަށް އާ ގަޓަރ ކްލާސް (
-
ކޮލަމްތައް މިހާރު ނުހިނގާތީ ، އެ ސުލޫކު އަލުން އާލާކުރުމަށްޓަކައި ބައެއް އުފެއްދުންތަކަށް
position: relative
އިތުރުކުރަން ޖެހިދާނެއެވެ ..position-relative
-
ފަޅައިގެން ދިއުމެވެގިނަ ފަހަރަށް ބޭނުން ނުކޮށް ދިޔަ ބައެއް
.order-*
ކްލާސްތައް ދޫކޮށްލި އެވެ. އަޅުގަނޑުމެން މިހާރު ހަމައެކަނި ފޯރުކޮށްދެނީ.order-1
ފޮށިން.order-5
ބޭރަށް. -
ފަޅައިގެން ދިއުމެވެ
.media
ޔުޓިލިޓީސް އާއި އެކު ފަސޭހައިން ރިޕްލިކޭޓް ކުރެވޭތީ ކޮމްޕޮނެންޓް ވައްޓާލައިފި އެވެ . މިސާލަކަށް #28265 އަދި ފްލެކްސް ޔުޓިލިޓީސް ޕޭޖް ބައްލަވާށެވެ . -
ފަޅައިގެން ދިއުމެވެ
bootstrap-grid.css
މިހާރު ހަމައެކަނިbox-sizing: border-box
ގްލޯބަލް ބޮކްސް-ސައިޒިންގ ރީސެޓް ކުރުމުގެ ބަދަލުގައި ކޮލަމްއަށް އަމަލުކުރެއެވެ. މިގޮތަށް އަޅުގަނޑުމެންގެ ގްރިޑް ސްޓައިލްތައް އިތުރު ތަންތަނުގައި އެއްވެސް ހުރަހެއް ނެތި ބޭނުންކުރެވޭނެ. -
$enable-grid-classes
ކޮންޓެއިނަރ ކްލާސްތައް ޖެނެރޭޝަން ދެން ޑިސެބިލް ނުކުރެއެވެ. #29146 ބައްލަވާށެވެ. -
make-col
ކަނޑައެޅިފައިވާ ސައިޒެއް ނެތި ހަމަހަމަ ކޮލަމްތަކަށް ޑިފޯލްޓް ކުރުމަށް މިކްސިން އަޕްޑޭޓް ކޮށްފައިވެއެވެ .
ކޮންޓެންޓް، ރީބޫޓް ފަދަ ކަންކަމެވެ
-
އާރުއެފްއެސް މިހާރު ވަނީ ޑިފޯލްޓްކޮށް އެނެބަލްކޮށްފައެވެ. މިކްސިން ބޭނުންކުރާ
font-size()
ހެޑިންގތަކުން އޮޓޮމެޓިކުން އެމީހުންގެfont-size
ޓު ސްކޭލް ވިއުޕޯޓާއެކު އެޖެސްޓް ކުރެވޭނެއެވެ. މި ފީޗާއަކީ ކުރިން v4 އާއެކު އޮޕްޓް-އިން ފީޗާއެކެވެ. -
ފަޅައިގެން ދިއުމެވެ
$display-*
އަޅުގަނޑުމެންގެ ވެރިއޭބަލްތަކުގެ ބަދަލުގައި އަދި$display-font-sizes
ސާސް މެޕަކާއެކު އަޅުގަނޑުމެންގެ ޑިސްޕްލޭ ޓައިޕޮގްރަފީ އޯވަހޯލްކޮށްފިއެވެ .$display-*-weight
އަދި އެއް ސ އަށް ވަކިވަކި ވެރިއޭބަލްތައް ނައްތާލައި$display-font-weight
އެޖެސްޓް ކޮށްފައިވާfont-size
ސ. -
އާ ދެ
.display-*
ހެޑިންގ ސައިޒެއް އިތުރުކޮށް،.display-5
އަދި.display-6
. -
ލިންކްތައް ޑިފޯލްޓްކޮށް އަންޑަލައިން ކުރެވިފައި ހުންނަނީ (ހަމައެކަނި ހޯވަރގައި ނޫން)، އެއީ ވަކި ކޮމްޕޯނެންޓްތަކެއްގެ ބައެއް ކަމުގައި ނުވާނަމައެވެ.
-
ސްޓައިލިންގ އަށް އިތުރު ކޮންޓްރޯލެއް ހޯދުމަށްޓަކައި އެމީހުންގެ ސްޓައިލްތައް ރިފްރެޝްކޮށް ސީއެސްއެސް ވެރިއޭބަލްތަކާއެކު އަލުން ބިލްޑް ކުރުމަށް ޓޭބަލްތައް އަލުން ފަރުމާކޮށްފައިވެއެވެ.
-
ފަޅައިގެން ދިއުމެވެނެސްޓް ޓޭބަލްތަކުން ސްޓައިލްތައް މިހާރު ވާރުތައެއް ނުވެއެވެ.
-
ފަޅައިގެން ދިއުމެވެ
.thead-light
އަދި ހުރިހާ ޓޭބަލް އެލިމެންޓްތަކަށް ބޭނުންކުރެވޭނެ ވެރިއަންޓް ކްލާސްތަކުގެ.thead-dark
ފަރާތުން ވައްޓާލެވިފައި ވެއެވެ ( , , , , އަދި )..table-*
thead
tbody
tfoot
tr
th
td
-
ފަޅައިގެން ދިއުމެވެމިކްސިން އަށް
table-row-variant()
ނަން ބަދަލުކޮށްtable-variant()
ބަލައިގަންނަނީ އެންމެ 2 ޕެރެމިޓަރ:$color
(ކުލަ ނަން) އަދި$value
(ކުލަ ކޯޑް) އެވެ. ބޯޑަރ ކުލައާއި އެކްސެންޓް ކުލަތައް އޮޓޮމެޓިކުން ކަނޑައެޅެނީ ޓޭބަލް ފެކްޓަރ ވެރިއޭބަލްތަކަށް ބަލައިގެންނެވެ. -
ޓޭބަލް ސެލް ޕެޑިންގ ވެރިއޭބަލްސް އަށް ބަހާލާށެވެ
-y
އަދި-x
. -
ފަޅައިގެން ދިއުމެވެކްލާސް ދޫކޮށްލައިފި
.pre-scrollable
އެވެ. #29135 ބައްލަވާށެވެ -
ފަޅައިގެން ދިއުމެވެ
.text-*
ޔުޓިލިޓީސް އިން ލިންކްތަކަށް ހޯވަރ އަދި ފޯކަސް ސްޓޭޓްސް އިތުރަށް އިތުރު ނުކުރެއެވެ..link-*
އޭގެ ބަދަލުގައި ހެލްޕަރ ކްލާސްތައް ބޭނުންކުރެވިދާނެއެވެ. #29267 ބައްލަވާށެވެ -
ފަޅައިގެން ދިއުމެވެކްލާސް ދޫކޮށްލައިފި
.text-justify
އެވެ. #29793 ބައްލަވާށެވެ -
ޑިފޯލްޓް ހޮރައިޒޮންޓަލް
padding-left
އޮން<ul>
އަދި<ol>
އެލިމެންޓްތައް ބްރައުޒާ ޑިފޯލްޓް އިން ރީސެޓް40px
ކުރާށެވެ2rem
. -
Added
$enable-smooth-scroll
, މިއީ ދުނިޔޭގެ ފެންވަރުގައި އަމަލުކުރާ އެއްޗެއް - މީޑިއާ ކިއުއަރީscroll-behavior: smooth
މެދުވެރިކޮށް މޮޝަން ކުޑަކުރުމަށް އެދޭ ޔޫޒަރުން ފިޔަވައި . #31877 ބައްލަވާށެވެprefers-reduced-motion
އާރުޓީއެލް އެވެ
- ހޮރައިޒޮންޓަލް ޑިރެކްޝަން ސްޕެސިފިކް ވެރިއޭބަލްސް، ޔުޓިލިޓީސް، އަދި މިކްސިންސް މިހުރިހާ އެއްޗެއްގެ ނަން ބަދަލުކޮށްފައިވަނީ ފްލެކްސްބޮކްސް ލޭއައުޓްތަކުގައި ހުންނަ ފަދަ ލޮޖިކަލް ޕްރޮޕަޓީތައް ބޭނުންކުރުމަށެވެ- މިސާލަކަށް،
start
އަދި އަދި ގެend
ބަދަލުގައި .left
right
ފޯމުތައް
-
އާ ފްލޯޓިންގ ފޯމްތައް އިތުރުކޮށްފި! އަޅުގަނޑުމެން މިވަނީ ފްލޯޓިންގ ލޭބަލްސްގެ މިސާލު ފުރިހަމައަށް ސަޕޯޓްކުރާ ފޯމް ކޮމްޕޯނެންޓްތަކަށް ޕްރޮމޯޓްކޮށްފައެވެ. އާ ފްލޯޓިންގ ލޭބަލްސް ޕޭޖް ބައްލަވާށެވެ.
-
ފަޅައިގެން ދިއުމެވެ ކޮންސޮލިޑޭޓެޑް ނެޓިވް އަދި ކަސްޓަމް ފޯމް އެލިމެންޓްސް. v4 ގައި ނެޓިވް އަދި ކަސްޓަމް ކްލާސްތައް ހުރި ޗެކްބޮކްސް، ރޭޑިއޯ، ސެލެކްޓްސް، އަދި އެހެނިހެން އިންޕުޓްތައް އެއްކޮށްލާފައިވެއެވެ. މިހާރު އަޅުގަނޑުމެންގެ ގާތްގަނޑަކަށް ހުރިހާ ފޯމް އެލިމެންޓްތަކަކީ މުޅިން ކަސްޓަމް އެލިމެންޓްތަކެއް، ގިނައީ ކަސްޓަމް އެޗްޓީއެމްއެލްގެ ބޭނުމެއް ނެތި.
.custom-check
އަކީ މިހާރު.form-check
..custom-check.custom-switch
އަކީ މިހާރު.form-check.form-switch
..custom-select
އަކީ މިހާރު.form-select
..custom-file
އަދި.form-file
އޭގެ ބަދަލުގައި ކަސްޓަމް ސްޓައިލްތައް ގެނެސްދީފައިވެއެވެ.form-control
..custom-range
އަކީ މިހާރު.form-range
.- ޑްރޮޕްޑް ނެޓިވް
.form-control-file
އަދި.form-control-range
.
-
ފަޅައިގެން ދިއުމެވެވެއްޓިފައި
.input-group-append
އަދި.input-group-prepend
. މިހާރު ހަމައެކަނި ބަޓަންތައް އިތުރުކޮށް އަދި.input-group-text
އިންޕުޓް ގްރޫޕްތަކުގެ ޑައިރެކްޓް ކުދިންގެ ގޮތުގައި އިތުރު ކުރެވޭނެއެވެ. -
ވެލިޑޭޝަން ފީޑްބެކް ބަގް އާއި އެކު އިންޕުޓް ގްރޫޕްގައި ގިނަ ދުވަސްތަކެއް ވަންދެން އޮތް މިސިންގ ބޯޑަރ ރޭޑިއަސް އެންމެ ފަހުން ރަނގަޅު ކުރެވެނީ
.has-validation
ވެލިޑޭޝަން އާއި އެކު އިންޕުޓް ގްރޫޕްތަކަށް އިތުރު ކްލާހެއް އިތުރުކޮށްގެންނެވެ . -
ފަޅައިގެން ދިއުމެވެ އަޅުގަނޑުމެންގެ ގްރިޑް ސިސްޓަމަށް ފޯމް ސްޕެސިފިކް ލޭއައުޓް ކްލާސްތައް ދޫކޮށްލާފައިވެއެވެ.
.form-group
,.form-row
, ނުވަތަ ގެ ބަދަލުގައި އަޅުގަނޑުމެންގެ ގްރިޑާއި ޔުޓިލިޓީސް ބޭނުން ކުރާށެވެ.form-inline
. -
ފަޅައިގެން ދިއުމެވެފޯމް ލޭބަލްތައް މިހާރު ބޭނުންވަނީ
.form-label
. -
ފަޅައިގެން ދިއުމެވެ
.form-text
no longer setsdisplay
, ހަމައެކަނި އެޗްޓީއެމްއެލް އެލިމެންޓް ބަދަލުކޮށްގެން ބޭނުން ގޮތަކަށް އިންލައިން ނުވަތަ ބްލޮކް ހެލްޕް ޓެކްސްޓް އުފެއްދުމުގެ ފުރުސަތު ލިބިގެންދެއެވެ. -
ވެލިޑޭޝަން އައިކޮންތައް މިހާރު
<select>
s އާއެކު ނުހިނގާނެއެވެmultiple
. -
ގެ ދަށުން ސޯސް ސާސް ފައިލްތައް އަލުން ތަރުތީބުކޮށްފައި
scss/forms/
، އިންޕުޓް ގްރޫޕް ސްޓައިލްތައް ހިމެނޭ ގޮތަށް.
ކޮމްޕޯނެންޓްސް
- އަޅުގަނޑުމެންގެ ވެރިއޭބަލްއަށް
padding
ބިނާކޮށް އެލާޓްތަކާއި، ބްރޭޑްކްރަމްބްތަކާއި، ކާޑުތަކާއި، ޑްރޮޕްޑައުންތަކާއި، ލިސްޓް ގްރޫޕްތަކާއި، މޮޑަލްތަކާއި، ޕޮޕޯވަރތަކާއި، އަދި ޓޫލްޓިޕްތަކަށް ޔުނިފައިޑް ވެލިއުތައް. #30564 ބައްލަވާށެވެ .$spacer
އެކޯޑިއަން އެވެ
- އާ އެކޯޑިއަން ކޮމްޕޮނެންޓް އިތުރުކޮށްފިއެވެ .
އެލާޓްތައް
-
އެލާޓްތަކުގައި މިހާރު އައިކޮންތަކާއެކު މިސާލުތައް ހުރެއެވެ .
-
<hr>
އެމީހުން މިހާރުވެސް ބޭނުންކުރާތީ ކޮންމެ އެލާޓެއްގައި s އަށް ކަސްޓަމް ސްޓައިލްތައް ނައްތާލާފައިވެއެވެcurrentColor
.
ބެޖްތައް
-
ފަޅައިގެން ދިއުމެވެ
.badge-*
ބެކްގްރައުންޑް ޔުޓިލިޓީސް އަށް ހުރިހާ ކުލަ ކްލާސްތަކެއް ބާކީކޮށްފި (އެބަހީ،.bg-primary
ގެ ބަދަލުގައި ބޭނުންކުރުން.badge-primary
). -
ފަޅައިގެން ދިއުމެވެޑްރޮޕްޑް
.badge-pill
—އޭގެ.rounded-pill
ބަދަލުގައި ޔުޓިލިޓީ ބޭނުން ކުރާށެވެ. -
ފަޅައިގެން ދިއުމެވެ
<a>
އަދި<button>
އެލިމެންޓްތަކަށް ހޯވަރ އަދި ފޯކަސް ސްޓައިލްތައް ނައްތާލާފައިވެއެވެ . -
/ އިން
.25em
/ އަށް ބެޖްތަކަށް ޑިފޯލްޓް ޕެޑިންގ އިތުރުކޮށްފިއެވެ ..5em
.35em
.65em
ރޮށި ކޮތަޅުތަކެވެ
-
padding
,background-color
, އަދި ނައްތާލައިގެން ރޮށި ކޮތަޅުތަކުގެ ޑިފޯލްޓް ސިފަ ފަސޭހަކޮށްދިނެވެborder-radius
. -
--bs-breadcrumb-divider
ސީއެސްއެސް އަލުން ކޮމްޕައިލް ކުރަން ނުޖެހި ފަސޭހައިން ކަސްޓަމައިޒް ކުރުމަށްޓަކައި އާ ސީއެސްއެސް ކަސްޓަމް ޕްރޮޕަޓީ އިތުރުކޮށްފި އެވެ.
ބަޓަންތަކެވެ
-
ފަޅައިގެން ދިއުމެވެ ޓޮގްލް ބަޓަންސް , ޗެކްބޮކްސް ނުވަތަ ރޭޑިއޯތަކާއެކު، މިހާރު ޖާވާސްކްރިޕްޓް ބޭނުން ނުވާ އަދި އާ މާކަޕް އެއް ލިބިފައިވުން. އަޅުގަނޑުމެންނަށް ދެން ރެޕިންގ އެލިމެންޓެއް ބޭނުން ނުވާނެ، އަށް އެޑްކޮށް
.btn-check
ގައިވާކްލާހަކާ<input>
ޖޯޑުކޮށްލާށެވެ. #30650 ބައްލަވާށެވެ . މިކަމަށް ބޭނުންވާ ޑޮކްސް އަޅުގަނޑުމެންގެ ބަޓަންސް ޕޭޖުން އާ ފޯމްސް ސެކްޝަނަށް ބަދަލުވެއްޖެއެވެ..btn
<label>
-
ފަޅައިގެން ދިއުމެވެ ޔުޓިލިޓީސް
.btn-block
އަށް ވައްޓާލައިފި..btn-block
ގައި ބޭނުން ކުރުމުގެ ބަދަލުގައި ، ބޭނުންވާ ގޮތަށް ޖާގަ ދިނުމަށް ޔުޓިލިޓީއަކުން ތިބާގެ.btn
ބަޓަންތައް އޮޅާލާށެވެ . އެ ކްލާސްތަކުގެ މައްޗަށް އިތުރު ކޮންޓްރޯލެއް ހޯދުމަށްޓަކައި ރެސްޕޮންސިވް ކްލާސްތަކަށް ބަދަލުވާށެވެ. ބައެއް މިސާލުތަކަށް ޑޮކްސް ކިޔައިބަލާށެވެ..d-grid
.gap-*
-
އިތުރު ޕެރެމިޓަރތަކަށް ސަޕޯޓް ކުރުމަށް އަޅުގަނޑުމެންގެ
button-variant()
އަދި މިކްސިންސް އަޕްޑޭޓް ކޮށްފައިވެއެވެ .button-outline-variant()
-
ހޯވަރ އަދި އެކްޓިވް ސްޓޭޓްތަކުގައި ކޮންޓްރެސްޓް އިތުރުވާކަން ކަށަވަރުކުރުމަށް އަޕްޑޭޓްކޮށްފައިވާ ބަޓަންތައް.
-
ޑިސެބިލް ކޮށްފައިވާ ބަޓަންތަކުގައި މިހާރު ވަނީ
pointer-events: none;
.
ކާޑު
-
ފަޅައިގެން ދިއުމެވެ
.card-deck
އަޅުގަނޑުމެންގެ ގްރިޑްގެ ފަރާތުން ވެއްޓުނީ . ކާޑުތައް ކޮލަމް ކްލާސްތަކުގައި އޮޅާލުމަށްފަހު.row-cols-*
ކާޑު ޑެކްތައް އަލުން އުފެއްދުމަށްޓަކައި ޕޭރެންޓް ކޮންޓެއިނަރެއް އިތުރުކޮށްލާށެވެ (އެކަމަކު ރެސްޕޮންސިވް އެލައިންމަންޓްގެ މައްޗަށް އިތުރު ކޮންޓްރޯލެއް ލިބިގެން). -
ފަޅައިގެން ދިއުމެވެމެސަންރީގެ
.card-columns
ފަރާތުން ވައްޓާލިއެވެ. #28922 ބައްލަވާށެވެ . -
ފަޅައިގެން ދިއުމެވެ
.card
ބިނާވެފައިވާ އެކޯޑިއަންގެ ބަދަލުގައި އާ އެކޯޑިއަން ކޮމްޕޮނެންޓެއް ގެނެސްފިއެވެ .
ކެރޮސެލް އެވެ
-
ޑާކް ޓެކްސްޓް، ކޮންޓްރޯލްސް، އަދި އިންޑިކޭޓަރސް އަށް އާ
.carousel-dark
ވައްތަރެއް އިތުރުކޮށްފި (ލައިޓް ބެކްގްރައުންޑްތަކަށް މޮޅު) އެވެ. -
ކެރޮސެލް ކޮންޓްރޯލްތަކަށް ޝެވަރން އައިކޮންތަކުގެ ބަދަލުގައި ބޫޓްސްޓްރެޕް އައިކޮންސް އިން އާ އެސްވީޖީތަކެއް ގެނެސްފި އެވެ .
ބަންދުކުރާ ބަޓަން
-
ފަޅައިގެން ދިއުމެވެނަން ބަދަލުކޮށްފައިވަނީ
.close
ޖެނެރިކް.btn-close
މަދު ނަމަކަށްޓަކައެވެ. -
ކްލޯޒް ބަޓަންތަކުގައި މިހާރު އެޗްޓީއެމްއެލްގައި
background-image
a ގެ ބަދަލުގައި (އެންބެޑެޑް އެސްވީޖީ) ބޭނުންކޮށްފައިވާތީ،×
މާކަޕްގައި އަތްލާން ނުޖެހި ފަސޭހައިން ކަސްޓަމައިޒް ކުރެވޭނެ އެވެ. -
އަނދިރި ބެކްގްރައުންޑްތަކާ ދެކޮޅަށް މަތީ ކޮންޓްރެސްޓް ޑިސްމިސް އައިކޮންތައް އެނެބަލް ކުރުމަށް ބޭނުންކުރާ އާ
.btn-close-white
ވައްތަރެއް އިތުރުކޮށްފި އެވެ.filter: invert(1)
ހޭނެތިގެން ވެއްޓުން
- އެކޯޑިއަންތަކަށް ސްކްރޯލް އެންކަރިންގ ނައްތާލާފައިވެއެވެ.
ޑްރޮޕްޑައުންސް އެވެ
-
.dropdown-menu-dark
އޮން ޑިމާންޑް ޑާކް ޑްރޮޕްޑައުންތަކަށް އާ ވެރިއަންޓާއި އެއާ ގުޅުންހުރި ވެރިއޭބަލްތައް އިތުރުކޮށްފިއެވެ . -
އަށް އާ ވެރިއޭބަލް އިތުރުކޮށްފި އެވެ
$dropdown-padding-x
. -
ކޮންޓްރެސްޓް ރަނގަޅު ކުރުމަށް ޑްރޮޕްޑައުން ޑިވައިޑަރ އަނދިރިކޮށްލިއެވެ.
-
ފަޅައިގެން ދިއުމެވެޑްރޮޕްޑައުންއަށް ބޭނުންވާ ހުރިހާ އިވެންޓްތަކެއް މިހާރު ޑްރޮޕްޑައުން ޓޮގްލް ބަޓަންގައި ޓްރިގަރ ކޮށްފައި އޭގެ ފަހުން ޕޭރެންޓް އެލިމެންޓާ ހަމައަށް ބަބުލް ކުރެވެއެވެ.
-
ޑްރޮޕްޑައުން މެނޫތަކުގައި މިހާރު
data-bs-popper="static"
ޑްރޮޕްޑައުންގެ ޕޮޒިޝަނިންގ ސްޓޭޓިކް ވެފައިdata-bs-popper="none"
ހުންނައިރު އަދި ޑްރޮޕްޑައުން ނެވްބާރގައި ހުންނައިރު އެޓްރިބިއުޓް ސެޓްކޮށްފައި ހުރެއެވެ. މިއީ އަޅުގަނޑުމެންގެ ޖާވާސްކްރިޕްޓުން އިތުރުކޮށްފައިވާ އެއްޗެއް ކަމަށާއި، މިއީ ޕޮޕަރގެ ޕޮޒިޝަނިންގ އަށް ހުރަހެއް ނާޅައި ކަސްޓަމް ޕޮޒިޝަން ސްޓައިލްތައް ބޭނުން ކުރުމަށް އެހީތެރިވެދޭ އެއްޗެކެވެ. -
ފަޅައިގެން ދިއުމެވެނެޓިވް ޕޮޕަރ
flip
ކޮންފިގްރޭޝަންގެ ފަރާތުން ޑްރޮޕްޑައުން ޕްލަގިން އަށް އޮޕްޝަން ބާކީކޮށްފި އެވެ. މިހާރު ފްލިޕް މޮޑިފައިއަރfallbackPlacements
ގައި އޮޕްޝަން އަށް ހުސް އެރޭއެއް ފާސްކޮށްގެން ފްލިޕް ބިހޭވިއަރ ޑިސެބިލް ކުރެވޭނެއެވެ . -
ޑްރޮޕްޑައުން މެނޫތަކަށް މިހާރު ކްލިކް ކުރެވޭނީ އޮޓޯ ކްލޯޒް ބިހޭވިއަރ
autoClose
ހެންޑްލް ކުރުމަށް އާ އޮޕްޝަނަކާއެކުގައެވެ . މި އިޚްތިޔާރު ބޭނުންކޮށްގެން ޑްރޮޕްޑައުން މެނޫގެ އެތެރޭގައި ނުވަތަ ބޭރުގައި ކްލިކް ކުރުމުން އިންޓަރެކްޓިވް ކޮށްލުމަށް ބަލައިގަނެވޭނެއެވެ. -
ޑްރޮޕްޑައުންސް މިހާރު ސަޕޯޓް
.dropdown-item
ކުރަނީ s ގައި އޮޅާފައި ހުންނަ<li>
s.
ޖަމްބޮޓްރޯން އެވެ
- ފަޅައިގެން ދިއުމެވެޔުޓިލިޓީސް އާއި އެކު ރިޕްލިކޭޓް ކުރެވޭތީ ޖަމްބޮޓްރޯން ކޮމްޕޮނެންޓް ވައްޓާލައިފި އެވެ. ޑެމޯއަކަށް އަޅުގަނޑުމެންގެ އާ ޖަމްބޮޓްރޯން މިސާލު ބައްލަވާށެވެ.
ލިސްޓް ގްރޫޕް
- ގްރޫޕްތައް ލިސްޓް ކުރުމަށް އާ
.list-group-numbered
މޮޑިފައިޓަރެއް އިތުރުކޮށްފިއެވެ.
ނަވްސް އާއި ޓެބްސް އެވެ
- , , , އަދި އަށް އާ
null
ވެރިއޭބަލްތައް ކްލާހަށް އިތުރުކޮށްފިއެވެ.font-size
font-weight
color
:hover
color
.nav-link
ނަވްބާރސް އެވެ
- ފަޅައިގެން ދިއުމެވެނަވްބާރސް އަށް މިހާރު ބޭނުންވަނީ އެތެރޭގައި ކޮންޓެއިނަރެއް (ސްޕޭސިންގ ރިކުއަރމަންޓްސް އާއި ސީއެސްއެސް ބޭނުންވާ ވަރަށް ބޮޑަށް ފަސޭހަ ކުރުމަށް) އެވެ.
އޮފްކެންވަސް އެވެ
- އާ އޮފްކެންވަސް ކޮމްޕޮނެންޓް އިތުރުކޮށްފިއެވެ .
ޕޭޖިނޭޝަން
-
ޕޭޖިނޭޝަން ލިންކްތަކުގައި މިހާރު ކަސްޓަމައިޒް ކުރެވޭ
margin-left
ގޮތަށް ހުންނައިރު، އެކަކު އަނެކަކާ ވަކިކޮށްފައި ހުންނައިރު ހުރިހާ ކަނެއްގައި ޑައިނަމިކް ގޮތެއްގައި ވަށާލެވިފައި ހުރެއެވެ. -
transition
ޕޭޖިނޭޝަން ލިންކްތަކަށް s އިތުރުކޮށްފިއެވެ .
ޕޮޕޯވަރސް އެވެ
-
ފަޅައިގެން ދިއުމެވެއަޅުގަނޑުމެންގެ ޑިފޯލްޓް ޕޮޕޯވަރ ޓެމްޕްލޭޓްގައި ނަން
.arrow
ބަދަލުކޮށްފައިވެއެވެ ..popover-arrow
-
ނަން ބަދަލުކޮށްފައިވަނީ
whiteList
އޮޕްޝަން އަށްallowList
.
ސްޕިނަރުންނެވެ
-
ސްޕިނަރުން މިހާރު ޝަރަފުވެރިކަން
prefers-reduced-motion: reduce
ދެނީ އެނިމޭޝަންތައް ލަސްކޮށްގެންނެވެ. #31882 ބައްލަވާށެވެ . -
ސްޕިނަރ ވަރޓިކަލް އެލައިންމަންޓް ރަނގަޅުކޮށްފިއެވެ.
ޓޯސްޓްސް އެވެ
-
ޓޯސްޓްތައް މިހާރު ޕޮޒިޝަން ކުރެވޭނީ ޔުޓިލިޓީސް ޕޮޒިޝަން ކުރުމުގެ
.toast-container
އެހީތެރިކަމާއެކުގައެވެ . -
ޑިފޯލްޓް ޓޯސްޓް މުއްދަތު 5 ސިކުންތަށް ބަދަލުކޮށްފިއެވެ.
-
ޓޯސްޓްތަކުން
overflow: hidden
ނަގައި އޭގެ ބަދަލުގައި ފަންކްޝަންތަކާއެކު ޕްރޮޕަރborder-radius
ސް އެއް ޖަހާފައިވެއެވެ .calc()
ޓޫލްޓިޕްސް އެވެ
-
ފަޅައިގެން ދިއުމެވެއަޅުގަނޑުމެންގެ ޑިފޯލްޓް ޓޫލްޓިޕް ޓެމްޕްލޭޓްގައި ނަން
.arrow
ބަދަލުކޮށްފައިވެއެވެ ..tooltip-arrow
-
ފަޅައިގެން ދިއުމެވެއަށް ޑިފޯލްޓް ވެލިއު
fallbackPlacements
ބަދަލުކޮށްފައިވަނީ['top', 'right', 'bottom', 'left']
ޕޮޕަރ އެލިމެންޓްތައް ރަނގަޅަށް ބެހެއްޓުމަށްޓަކައެވެ. -
ފަޅައިގެން ދިއުމެވެނަން ބަދަލުކޮށްފައިވަނީ
whiteList
އޮޕްޝަން އަށްallowList
.
ޔުޓިލިޓީސް އެވެ
-
ފަޅައިގެން ދިއުމެވެއާރުޓީއެލް ސަޕޯޓް އިތުރުކުރުމާއެކު ޑިރެކްޝަނަލް ނަންތަކުގެ ބަދަލުގައި ލޮޖިކަލް ޕްރޮޕަޓީ ނަންތައް ބޭނުންކުރުމަށް ބައެއް ޔުޓިލިޓީތަކަށް ނަން ބަދަލުކޮށްފި:
- ނަން ބަދަލުކޮށް
.left-*
އަދި.right-*
އަށް.start-*
އަދި.end-*
. - ނަން ބަދަލުކޮށް
.float-left
އަދި.float-right
އަށް.float-start
އަދި.float-end
. - ނަން ބަދަލުކޮށް
.border-left
އަދި.border-right
އަށް.border-start
އަދި.border-end
. - ނަން ބަދަލުކޮށް
.rounded-left
އަދި.rounded-right
އަށް.rounded-start
އަދި.rounded-end
. - ނަން ބަދަލުކޮށް
.ml-*
އަދި.mr-*
އަށް.ms-*
އަދި.me-*
. - ނަން ބަދަލުކޮށް
.pl-*
އަދި.pr-*
އަށް.ps-*
އަދި.pe-*
. - ނަން ބަދަލުކޮށް
.text-left
އަދި.text-right
އަށް.text-start
އަދި.text-end
.
- ނަން ބަދަލުކޮށް
-
ފަޅައިގެން ދިއުމެވެޑިފޯލްޓްކޮށް ނެގެޓިވް މާރޖިންސް ޑިސެބިލް ކޮށްފައިވެއެވެ.
-
's ބެކްގްރައުންޑް އިތުރު އެލިމެންޓްތަކަށް
.bg-body
އަވަހަށް ސެޓް ކުރުމަށް އާ ކްލާހެއް އިތުރުކޮށްފިއެވެ .<body>
-
އަށް އާ މަގާމުގެ ޔުޓިލިޓީސް އިތުރުކޮށްފި
top
,right
,bottom
, އަދިleft
. އަގުތަކުގެ ތެރޭގައި0
,50%
, އަދި100%
ކޮންމެ މުދަލަކަށް ހިމެނެއެވެ. -
ހޮރައިޒޮންޓަލީ ނުވަތަ ވަރޓިކަލީ ސެންޓަރ އެބްސޮލިއުޓް/ފިކްސްޑް ޕޮޒިޝަންޑް އެލިމެންޓްތަކަށް ނިއު
.translate-middle-x
& ޔުޓިލިޓީސް އިތުރުކޮށްފިއެވެ..translate-middle-y
-
އާ
border-width
ޔުޓިލިޓީސް އިތުރުކޮށްފި . -
ފަޅައިގެން ދިއުމެވެނަން
.text-monospace
ބަދަލުކޮށްފައިވަނީ.font-monospace
. -
ފަޅައިގެން ދިއުމެވެ
.text-hide
އެއީ އިތުރަށް ބޭނުން ނުކުރެވޭނެ ލިޔުން ފޮރުވުމަށް ބޭނުންކުރާ އާސާރީ ގޮތެއް ކަމަށްވާތީ ނައްތާލެވިއްޖެއެވެ . -
.fs-*
ޔުޓިލިޓީތަކަށް ޔުޓިލިޓީސް އިތުރުކޮށްފިfont-size
(އާރުއެފްއެސް އެނެބަލްކޮށްފައި) . މިއީ އެޗްޓީއެމްއެލްގެ ޑިފޯލްޓް ހެޑިންގްސް (1-6، ބޮޑު އިން ކުޑަ) އާއި އެއް ސްކޭލް ބޭނުންކުރާ އެއްޗެހި ކަމަށާއި، ސާސް މެޕް މެދުވެރިކޮށް ބަދަލުކުރެވޭނެ އެއްޗެހި ކަމަށް ވެސް ވިދާޅުވިއެވެ. -
ފަޅައިގެން ދިއުމެވެކުރުކަމާއި އެއްގޮތްކަމުގެ ގޮތުން
.font-weight-*
ޔުޓިލިޓީތަކަށް ނަން ބަދަލުކޮށްފިއެވެ..fw-*
-
ފަޅައިގެން ދިއުމެވެކުރުކަމާއި އެއްގޮތްކަމުގެ ގޮތުން
.font-style-*
ޔުޓިލިޓީތަކަށް ނަން ބަދަލުކޮށްފިއެވެ..fst-*
-
ސީއެސްއެސް ގްރިޑް އަދި ފްލެކްސްބޮކްސް ލޭއައުޓްތަކަށް ޔުޓިލިޓީސް އަދި އާ ޔުޓިލިޓީސް ( )
.d-grid
ދައްކާލުމަށް އިތުރުކޮށްފައިވެއެވެ .gap
.gap
-
ފަޅައިގެން ދިއުމެވެއުނިކޮށް
.rounded-sm
އަދިrounded-lg
, އަދި ކްލާސްތަކުގެ އާ ސްކޭލެއް ތައާރަފްކޮށް،.rounded-0
އަށް.rounded-3
. #31687 ބައްލަވާށެވެ . -
އާ
line-height
ޔުޓިލިޓީސް އިތުރުކޮށްފި:.lh-1
,.lh-sm
,.lh-base
އަދި.lh-lg
. މިތަނުން ބައްލަވާށެވެ . -
އަޅުގަނޑުމެންގެ ސީއެސްއެސްގައި ހުރި
.d-none
ޔުޓިލިޓީ ބަދަލުކުރީ އެހެން ޑިސްޕްލޭ ޔުޓިލިޓީތަކަށްވުރެ އިތުރު ބަރުދަނެއް ދިނުމަށްޓަކައެވެ. -
.visually-hidden-focusable
ކޮންޓެއިނަރުތަކުގައި ވެސް މަސައްކަތް ކުރުމަށް ހެލްޕަރ ފުޅާކޮށް ، ބޭނުންކޮށްގެން:focus-within
.
އެހީތެރިންނެވެ
-
ފަޅައިގެން ދިއުމެވެ ރެސްޕޮންސިވް އެންބެޑް ހެލްޕަރުންގެ ނަން ބަދަލުކޮށްފައިވަނީ އާ ކްލާސް ނަންތަކާއި ރަނގަޅު ސުލޫކުތަކުގެ އިތުރުން އެހީތެރި ސީއެސްއެސް ވެރިއޭބަލް އެއް ލިބިފައިވާ ރޭޝިއޯ ހެލްޕަރުންނަށް ކަމަށް ވެސް ވިދާޅުވި އެވެ.
- އެސްޕެކްޓް ރޭޝިއޯ އަށް ބަދަލު
by
ކުރުމަށް ކްލާސްތަކުގެ ނަން ބަދަލުކޮށްފައިވެ އެވެ .x
މިސާލަކަށް،.ratio-16by9
މިހާރު.ratio-16x9
. - އަޅުގަނޑުމެން
.embed-responsive-item
މިއަށްވުރެ ސާދާ.ratio > *
ސެލެކްޓަރެއްގެ ފަރާތުން އަދި އެލިމެންޓް ގްރޫޕް ސެލެކްޓަރ ދޫކޮށްލާފައި މިވަނީ. އިތުރު ކްލާހެއް ބޭނުން ނުވާއިރު، ރޭޝިއޯ ހެލްޕަރ މިހާރު މަސައްކަތް ކުރަނީ އެއްވެސް އެޗްޓީއެމްއެލް އެލިމެންޓަކާ އެކުގައެވެ. $embed-responsive-aspect-ratios
ސާސް މެޕަށް ނަން ބަދަލުކޮށް ، އޭގެ އަގުތައް ފަސޭހަކޮށް، ޖޯޑުގެ$aspect-ratios
ގޮތުގައި ކްލާސް ނަމާއި ޕަސެންޓް ހިމަނާފައިވެ އެވެ .key: value
- މިހާރު ސީއެސްއެސް ވެރިއޭބަލްތައް އުފައްދައި ސާސް މެޕްގައިވާ ކޮންމެ އަގަކަށް ހިމަނާފައިވެއެވެ. އެއްވެސް ކަސްޓަމް އެސްޕެކްޓް ރޭޝިއޯއެއް އުފެއްދުމަށްޓަކައި ގައިވާ
--bs-aspect-ratio
ވެރިއޭބަލް ބަދަލުކުރުން ..ratio
- އެސްޕެކްޓް ރޭޝިއޯ އަށް ބަދަލު
-
ފަޅައިގެން ދިއުމެވެ “ސްކްރީން ރީޑަރ” ކްލާސްތަކަކީ މިހާރު “ވިޝުއަލްކޮށް ފޮރުވިފައިވާ” ކްލާސްތަކެކެވެ .
- ސާސް ފައިލް އިން
scss/helpers/_screenreaders.scss
އަށް ބަދަލުކޮށްފިއެވެscss/helpers/_visually-hidden.scss
- ނަން ބަދަލުކޮށް
.sr-only
އަދި.sr-only-focusable
އަށް.visually-hidden
އަދި ....visually-hidden-focusable
- ނަން ބަދަލުކޮށް
sr-only()
މިކްސިންސްsr-only-focusable()
އަށްvisually-hidden()
އަދިvisually-hidden-focusable()
.
- ސާސް ފައިލް އިން
-
bootstrap-utilities.css
މިހާރު އަޅުގަނޑުމެންގެ އެހީތެރިންވެސް ހިމެނެއެވެ. ކަސްޓަމް ބިލްޑްތަކުގައި ހެލްޕަރުން އިމްޕޯޓް ކުރަން މިހާރު ނުޖެހެއެވެ.
ޖާވާސްކްރިޕްޓް
-
ޖީކުއަރީ ޑިޕެންޑެންސީ ދޫކޮށްލައި ޕްލަގިންސް އަލުން ލިޔެ ގަވާއިދުން ޖާވާސްކްރިޕްޓްގައި ހުންނަން ޖެހެއެވެ.
-
ފަޅައިގެން ދިއުމެވެބޫޓްސްޓްރެޕްގެ ފަންކްޝަނަލިޓީ ތިންވަނަ ފަރާތްތަކާއި އަމިއްލަ ކޯޑާ ތަފާތު ކުރުމަށް އެހީތެރިވުމަށްޓަކައި ހުރިހާ ޖާވާސްކްރިޕްޓް ޕްލަގިންތަކަށް ޑޭޓާ އެޓްރިބިއުޓްތައް މިހާރު ނަންސްޕޭސް ކުރެވިފައިވެއެވެ. މިސާލަކަށް އަޅުގަނޑުމެން
data-bs-toggle
ބޭނުންކުރަނީdata-toggle
. -
ހުރިހާ ޕްލަގިންތަކަށް މިހާރު ފުރަތަމަ އަރގިއުމެންޓްގެ ގޮތުގައި ސީއެސްއެސް ސެލެކްޓަރެއް ބަލައިގަނެވޭނެއެވެ. ޕްލަގިންގެ އާ އިންސްޓޭންސްއެއް އުފެއްދުމަށްޓަކައި ޑޮމް އެލިމެންޓެއް ނުވަތަ އެއްވެސް ސައްހަ ސީއެސްއެސް ސެލެކްޓަރެއް ޕާސް ކުރެވިދާނެއެވެ:
var modal = new bootstrap.Modal('#myModal') var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
-
popperConfig
ބޫޓްސްޓްރެޕްގެ ޑިފޯލްޓް ޕޮޕަރ ކޮންފިގް އަރގިއުމެންޓެއްގެ ގޮތުގައި ބަލައިގަންނަ ފަންކްޝަނެއްގެ ގޮތުގައި ފާސްކުރެވިދާނެ، މި ޑިފޯލްޓް ކޮންފިގްރޭޝަން ތިބާގެ ގޮތުގައި މާރޖް ކުރެވޭނެއެވެ. ޑްރޮޕްޑައުންސް، ޕޮޕޯވަރސް، އަދި ޓޫލްޓިޕްސް އަށް ވެސް އަމަލުކުރެއެވެ. -
އަށް ޑިފޯލްޓް ވެލިއު
fallbackPlacements
ބަދަލުކޮށްފައިވަނީ['top', 'right', 'bottom', 'left']
ޕޮޕަރ އެލިމެންޓްތައް ރަނގަޅަށް ބެހެއްޓުމަށްޓަކައެވެ. ޑްރޮޕްޑައުންސް، ޕޮޕޯވަރސް، އަދި ޓޫލްޓިޕްސް އަށް ވެސް އަމަލުކުރެއެވެ. -
_getInstance()
→ ފަދަ ޕަބްލިކް ސްޓޭޓިކް މެތޯޑްތަކުން އަންޑަރސްކޯރ ނައްތާލެވިއްޖެއެވެgetInstance()
.