މައިގަނޑު ކޮންޓެންޓަށް ސްކިޕް ކުރާށެވެ ޑޮކްސް ނެވިގޭޝަނަށް ސްކިޕް ކުރާށެވެ
Check
in English

v5 އަށް މައިގްރޭޓް ކުރަނީ

v4 އިން v5 އަށް މައިގްރޭޓް ކުރުމަށް އެހީތެރިވުމަށްޓަކައި ބޫޓްސްޓްރެޕް ސޯސް ފައިލްތަކާއި، ޑޮކިއުމަންޓޭޝަން އަދި ކޮމްޕޯނެންޓްތަކަށް އަންނަ ބަދަލުތައް ޓްރެކްކޮށް ރިވިއުކުރުން.

v5.2.0 އެވެ


ރިފްރެޝްޑް ޑިޒައިން

ބޫޓްސްޓްރެޕް v5.2.0 ގައި މުޅި ޕްރޮޖެކްޓްގައި އަތްމަތި ދަތި ކޮމްޕޯނެންޓްތަކާއި ޕްރޮޕަޓީތަކަށް ނާޒުކު ޑިޒައިން އަޕްޑޭޓެއް އެކުލެވިގެންވާއިރު، އެންމެ ފާހަގަކޮށްލެވޭ އެއް ކަމަކީ ބަޓަންތަކާއި ފޯމް ކޮންޓްރޯލްތަކުގައި ރިފައިންޑް ވެލިއުތަކުގެ ތެރެއިންނެވެborder-radius . އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ވެސް އަޕްޑޭޓްކޮށްފައިވަނީ އާ ހޯމްޕޭޖަކާއި، ސައިޑްބާރުގެ ބައިތައް ދެން ކޮލަޕްސް ނުކުރާ ސާދާ ޑޮކްސް ލޭއައުޓާއި، ބޫޓްސްޓްރެޕް އައިކޮންސްގެ ފާހަގަކޮށްލެވޭ މިސާލުތަކަކާއެކުގައެވެ .

އިތުރު ސީއެސްއެސް ވެރިއޭބަލްސް

އަޅުގަނޑުމެންގެ ހުރިހާ ކޮމްޕޯނެންޓްތަކެއް ސީއެސްއެސް ވެރިއޭބަލްތައް ބޭނުން ކުރުމަށް އަޕްޑޭޓް ކޮށްފިން. ސާސް އަދިވެސް ހުރިހާ ކަމެއްގެ އަންޑަޕިން ކުރާއިރު، ކޮންމެ ކޮމްޕޮނެންޓެއް އަޕްޑޭޓްކޮށްފައިވަނީ ކޮމްޕޮނެންޓް ބޭސް ކްލާސްތަކުގައި ސީއެސްއެސް ވެރިއޭބަލްތައް ހިމަނައިގެން (އެބަހީ، .btn)، ބޫޓްސްޓްރަޕްގެ އިތުރު ރިއަލް ޓައިމް ކަސްޓަމައިޒޭޝަންގެ ފުރުސަތު ލިބިގެންނެވެ. އޭގެ ފަހުން ނެރޭ ރިލީޒްތަކުގައި، އަޅުގަނޑުމެންގެ ލޭއައުޓް، ފޯމް، ހެލްޕަރސް، އަދި ޔުޓިލިޓީސް އަށް ސީއެސްއެސް ވެރިއޭބަލްސް ބޭނުންކުރުން ފުޅާކުރަމުން ގެންދާނަމެވެ. ކޮންމެ ކޮމްޕޮނެންޓެއްގައި ހުންނަ ސީއެސްއެސް ވެރިއޭބަލްތަކާ ބެހޭ އިތުރު މައުލޫމާތު އެ ކޮމްޕޮނެންޓެއްގެ ޑޮކިއުމަންޓޭޝަން ޕޭޖްތަކުން ކިޔައިބަލާށެވެ.

އަޅުގަނޑުމެންގެ ސީއެސްއެސް ވެރިއޭބަލް ބޭނުންކުރުން ބޫޓްސްޓްރެޕް 6 އާ ހަމައަށް ކޮންމެވެސް ވަރަކަށް ފުރިހަމަ ނުވާނެއެވެ. މިސާލަކަށް އަޅުގަނޑުމެންގެ ސޯސް ކޯޑްގައި ސެޓް ކުރުމުން ކޮންމެވެސް ސަބަބަކާހުރެ $alert-border-width: var(--bs-border-width)ކުރަމުން ދިޔަނަމަ އަމިއްލަ ކޯޑުގައި ޕޮޓެންޝަލް ސާސް ބްރޭކް ކޮށްދެއެވެ .$alert-border-width * 2

އެގޮތުން، ކުރެވެން އޮތް ކޮންމެ ތަނެއްގައި، އަޅުގަނޑުމެން އިތުރު ސީއެސްއެސް ވެރިއޭބަލްތަކާ ދިމާއަށް ކުރިއަށް ގެންދާނަން، އެކަމަކު އަޅުގަނޑުމެންގެ ތަންފީޒު v5 ގައި ކުޑަކޮށް ލިމިޓް ވެދާނެކަން ދެނެގަންނަވާށެވެ.

އާ_maps.scss

ބޫޓްސްޓްރެޕް v5.2.0 އިން ތައާރަފްކުރި އާ ސާސް ފައިލް އެއް _maps.scss. _variables.scssއެއީ އެ މެޕްތައް ދިގުކޮށްދޭ ސެކަންޑަރީ މެޕްތަކަށް އަސްލު މެޕަކަށް އަޕްޑޭޓް ނުކުރެވުނު މައްސަލަ ހައްލު ކުރުމަށް ސާސް މެޕްތަކެއް ދަމައިގަންނަ އެއްޗެކެވެ. މިސާލަކަށް، އަޕްޑޭޓްތައް އަށް $theme-colorsއަމަލު ނުކުރަމުން ދިޔައީ އެހެން ތީމް މެޕްތަކަށް ބަރޯސާވެފައިވާ $theme-colors, ކީ ކަސްޓަމައިޒޭޝަން ވޯކްފްލޯތައް މުގުރާލުމުންނެވެ. ކުރުކޮށް ބުނާނަމަ، ސާސް އަށް ލިމިޓެޝަނެއް އޮވެއެވެ، ​​އެއްފަހަރު ޑިފޯލްޓް ވެރިއޭބަލް ނުވަތަ މެޕް ބޭނުންކޮށްފައި އޮތުމުން، އެއަށް އަޕްޑޭޓް ނުކުރެވޭނެއެވެ. ސީއެސްއެސް ވެރިއޭބަލްތައް އެހެން ސީއެސްއެސް ވެރިއޭބަލްތައް އެކުލަވާލުމަށް ބޭނުންކުރާއިރު ވެސް މިފަދަ އުނިކަމެއް އެބައޮތެވެ.

މިއީ ބޫޓްސްޓްރެޕްގައި ވެރިއޭބަލް ކަސްޓަމައިޒޭޝަންތައް އަންނަން ޖެހޭ ސަބަބަކީ އޭގެ ފަހުން @import "functions", އެކަމަކު ކުރިން @import "variables"އަދި އަޅުގަނޑުމެންގެ އިމްޕޯޓް ސްޓޭކްގެ ބާކީ ބައި. ސާސް މެޕްތަކަށް ވެސް ހަމަ މިގޮތަށް ކަންތައް ކުރެވޭނެ- ޑިފޯލްޓްތައް ހޭނިވުމުގެ ކުރިން އެ މެޕްތައް އޯވަރރައިޑް ކުރަން ޖެހެއެވެ. ތިރީގައިވާ މެޕްތައް އަލަށް ބަދަލުކޮށްފައިވަނީ _maps.scss:

  • $theme-colors-rgb
  • $utilities-colors
  • $utilities-text
  • $utilities-text-colors
  • $utilities-bg
  • $utilities-bg-colors
  • $negative-spacers
  • $gutters

ތިބާގެ ކަސްޓަމް ބޫޓްސްޓްރެޕް ސީއެސްއެސް ބިލްޑްތައް މިހާރު ވަކި މެޕްސް އިމްޕޯޓަކާއެކު މިކަހަލަ ގޮތަކަށް ފެންނަން ޖެހެއެވެ.

  // Functions come first
  @import "functions";

  // Optional variable overrides here
+ $custom-color: #df711b;
+ $custom-theme-colors: (
+   "custom": $custom-color
+ );

  // Variables come next
  @import "variables";

+ // Optional Sass map overrides here
+ $theme-colors: map-merge($theme-colors, $custom-theme-colors);
+
+ // Followed by our default maps
+ @import "maps";
+
  // Rest of our imports
  @import "mixins";
  @import "utilities";
  @import "root";
  @import "reboot";
  // etc

އައު ޔުޓިލިޓީސް

  • ސެމީބޯލްޑް ފޮންޓްތަކަށް ހިމެނުމަށް ފުޅާކޮށްފައިވާ font-weightޔުޓިލިޓީސް ..fw-semibold
  • އާ ދެ ސައިޒެއް ހިމެނޭ ގޮތަށް ފުޅާކޮށްފައިވާ border-radiusޔުޓިލިޓީސް.rounded-4 ، އަދި .rounded-5, އިތުރު އިޚްތިޔާރުތަކަށް.

އިތުރު ބަދަލުތަކެއް ގެނައުން

  • $enable-container-classesއާ އިޚްތިޔާރެއް ތަޢާރަފްކޮށްފި . — މިހާރު އެކްސްޕެރިމެންޓަލް ސީއެސްއެސް ގްރިޑް ލޭއައުޓަށް އޮޕްޓް ކުރާއިރު .container-*، މި އޮޕްޝަން އަށް ސެޓްކޮށްފައި ނުވާނަމަ، ކްލާސްތައް އަދިވެސް ކޮމްޕައިލް ކުރެވޭނެއެވެ false. ކޮންޓެއިނަރުތައް ވެސް މިހާރު އެމީހުންގެ ގަޓަރުގެ އަގުތައް ބެހެއްޓޭނެ އެވެ.

  • އޮފްކެންވަސް ކޮމްޕޮނެންޓްގައި މިހާރު ރެސްޕޮންސިވް ވެރިއޭޝަންތައް ހުރެއެވެ . އަސްލު .offcanvasކްލާހަށް ބަދަލެއް ނާންނަނީ- އެއީ ހުރިހާ ވިއުޕޯޓްތަކެއްގައި ކޮންޓެންޓް ފޮރުވާ އެއްޗެކެވެ. އެއީ ރެސްޕޮންސިވް އެއްޗަކަށް ހެދުމަށްޓަކައި އެ .offcanvasކްލާސް ކޮންމެ .offcanvas-{sm|md|lg|xl|xxl}ކްލާހަކަށް ބަދަލުކޮށްލާށެވެ.

  • ތުނި ޓޭބަލް ޑިވައިޑަރުތައް މިހާރު އޮޕްޓް-އިން ވެއްޖެ އެވެ. — އަޅުގަނޑުމެން މިވަނީ ޓޭބަލް ގްރޫޕްތަކުގެ މެދުގައިވާ ބޯޑަރާއި އޯވަރރައިޑް ކުރަން އުނދަގޫ ބޯޑަރ ނައްތާލައި، ތިބާއަށް އެޕްލައި ކުރެވޭނެ އިޚްތިޔާރީ ކްލާހަކަށް ބަދަލުކޮށްފައެވެ، .table-group-divider​​. މިސާލަކަށް ޓޭބަލް ޑޮކްސް ބައްލަވާށެވެ.

  • ސްކްރޯލްސްޕީ އަލުން ލިޔެފައިވަނީ އިންޓަރސެކްޝަން އޮބްޒަރވަރ އެޕީއައި ބޭނުން ކުރުމަށްoffset , އޭގެ މާނައަކީ ރިލޭޓިވް ޕޭރެންޓް ރެޕަރސް، ޑިޕްރެކޭޓްސް ކޮންފިގް، އަދި އެހެނިހެން ކަންކަން އިތުރަށްބޭނުން ނުވާތީއެވެތިބާގެ ސްކްރޯލްސްޕީ އިމްޕްލިމެންޓޭޝަންތައް އެމީހުންގެ ނެވް ހައިލައިޓިންގ ގައި މާ ޞައްޙަ އަދި އެއްގޮތްވާ ގޮތަށް ބަލާށެވެ.

  • ޕޮޕޯވަރސް އަދި ޓޫލްޓިޕްސްގައި މިހާރު ބޭނުންކުރަނީ ސީއެސްއެސް ވެރިއޭބަލްސް އެވެ. ބައެއް ސީއެސްއެސް ވެރިއޭބަލްތައް ވަނީ އެމީހުންގެ ސާސް ކައުންޓަރޕާޓްތަކުން އަޕްޑޭޓްކޮށް ވެރިއޭބަލްތަކުގެ އަދަދު މަދުކޮށްފައެވެ. ނަތީޖާއެއްގެ ގޮތުން މި ރިލީޒްގައި ތިން ވެރިއޭބަލް ޑިޕްރެކޭޓް ކުރެވިފައިވެއެވެ: $popover-arrow-color, $popover-arrow-outer-color, އަދި $tooltip-arrow-color.

  • އާ .text-bg-{color}އެހީތެރިން އިތުރުކޮށްފި އެވެ. .text-*އިންޑިވިޖުއަލް އަދި .bg-*ޔުޓިލިޓީސް ސެޓް ކުރުމުގެ ބަދަލުގައި ، މިހާރު .text-bg-*ހެލްޕަރުންbackground-color ބޭނުންކޮށްގެން ކޮންޓްރެސްޓިންގ ފޯގްރައުންޑެއް ސެޓް ކުރެވޭނެއެވެ color.

  • .form-check-reverseލޭބަލްތަކާއި އެއާ ގުޅުންހުރި ޗެކްބޮކްސް/ރޭޑިއޯތަކުގެ ތަރުތީބު ފްލިޕް ކުރުމަށް މޮޑިފައިޓަރ އިތުރުކޮށްފިއެވެ .

  • އާ ކްލާސް މެދުވެރިކޮށް ޓޭބަލްތަކަށް ސަޕޯޓްކުރާ ސްޓްރައިޕްޑް ކޮލަމްސް އިތުރުކޮށްފި އެވެ..table-striped-columns

ބަދަލުތަކުގެ ފުރިހަމަ ލިސްޓަކަށް، ގިޓްހަބް ގައިވާ v5.2.0 ޕްރޮޖެކްޓް ބައްލަވާށެވެ .

v5.1.0 އެވެ


  • ސީއެސްއެސް ގްރިޑް ލޭއައުޓަށް ތަޖުރިބާ ސަޕޯޓް އިތުރުކޮށްފި . — މިއީ ކުރިއަށްދާ މަސައްކަތެއް، އަދި ޕްރޮޑަކްޝަން ބޭނުން ކުރުމަށް އަދި ތައްޔާރު ނުވާ ކަމެއް ނަމަވެސް ސާސް މެދުވެރިކޮށް އާ ފީޗާއަށް ވަދެވޭނެއެވެ. އެކަން އެނެބަލް ކުރުމަށްޓަކައި، ޑިފޯލްޓް ގްރިޑް ޑިސެބިލްކޮށް، ސެޓްކޮށް $enable-grid-classes: falseސީއެސްއެސް ގްރިޑް އެނެބަލްކޮށް ސެޓިންގ ކޮށްގެން $enable-cssgrid: true.

  • އޮފްކެންވަސް އަށް ސަޕޯޓް ކުރުމަށް ނެވްބާރސް އަޕްޑޭޓް ކޮށްފައިވެއެވެ. — ރެސްޕޮންސިވް ކްލާސްތަކާއި ބައެއް އޮފްކެންވަސް މާކަޕްތަކާއެކު ކޮންމެ ނެވްބާރެއްގައި އޮފްކެންވަސް ދަބަސްތައް އިތުރުކުރުން ..navbar-expand-*

  • އާ ޕްލޭސްހޯލްޑަރ ކޮމްޕޮނެންޓް އިތުރުކޮށްފިއެވެ . — އަޅުގަނޑުމެންގެ އެންމެ އާ ކޮމްޕޮނެންޓް، ތިޔަބޭފުޅުންގެ ސައިޓް ނުވަތަ އެޕްގައި އަދިވެސް އެއްޗެއް ލޯޑްވަމުންދާކަން އަންގައިދިނުމަށް އެހީތެރިވުމަށްޓަކައި ހަގީގީ ކޮންޓެންޓްގެ ބަދަލުގައި ވަގުތީ ބްލޮކްތައް ފޯރުކޮށްދޭނެ ގޮތެކެވެ.

  • ކޮލަޕްސް ޕްލަގިން މިހާރު ސަޕޯޓް ކުރަނީ ހޮރައިޒޮންޓަލް ކޮލަޕްސް ކުރުމަށެވެ . — Add .collapse-horizontalto your .collapseto collapse the ގެ widthބަދަލުގައި height. min-heightނުވަތަ ސެޓްކޮށްގެން ބްރައުޒާ އަލުން ކުލަ ޖެހުމުން ދުރުހެލިވާށެވެ height.

  • އާ ސްޓޭކް އަދި ވަރޓިކަލް ރޫލް ހެލްޕަރުން އިތުރުކޮށްފިއެވެ. — ސްޓޭކްތަކާއެކު އަވަހަށް ކަސްޓަމް ލޭއައުޓްތައް އުފެއްދުމަށްޓަކައި ގިނަ ފްލެކްސްބޮކްސް ޕްރޮޕަޓީތަކެއް އަވަހަށް އެޕްލައިކުރުން . .hstackހޮރައިޒޮންޓަލް ( ) އަދި ވަރުގަދަ ( .vstack) ސްޓޭކްތަކުގެ ތެރެއިން ހޮވާށެވެ . އައު ހެލްޕަރުންނާއެކު<hr> އުފެއްދުންތަކާ އެއްގޮތް ވަރުގަދަ ޑިވައިޑަރތައް އިތުރުކުރުން ..vr

  • އާ ގްލޯބަލް :rootސީއެސްއެސް ވެރިއޭބަލްތައް އިތުރުކޮށްފިއެވެ. — ސްޓައިލްތައް :rootކޮންޓްރޯލް ކުރުމަށްޓަކައި ލެވެލްއަށް އާ ސީއެސްއެސް ވެރިއޭބަލްތަކެއް އިތުރުކޮށްފިއެވެ . <body>އަޅުގަނޑުމެންގެ ޔުޓިލިޓީސް އާއި ކޮމްޕޯނެންޓްތަކުގެ ތެރެއިން ހިމެނޭ ގޮތަށް އިތުރު މަސައްކަތްތަކެއް ކުރެވެމުންދާ ނަމަވެސް މިވަގުތު ކަސްޓަމައިޒް ބައިގައި ސީއެސްއެސް ވެރިއޭބަލްތައް ކިޔައިބަލާށެވެ .

  • ސީއެސްއެސް ވެރިއޭބަލްސް ބޭނުންކުރުމަށް ކުލައާއި ބެކްގްރައުންޑް ޔުޓިލިޓީސް އޯވަހޯލްކޮށް، އާ ޓެކްސްޓް އޮޕަސިޓީ އަދި ބެކްގްރައުންޑް އޮޕަސިޓީ ޔުޓިލިޓީސް އިތުރުކޮށްފައިވެއެވެ. — .text-* އަދި .bg-*ޔުޓިލިޓީސް މިހާރު ބިނާކޮށްފައިވަނީ ސީއެސްއެސް ވެރިއޭބަލްތަކާއި rgba()ކުލަ އަގުތަކާއެކު ކަމުން، އާ އޮޕަސިޓީ ޔުޓިލިޓީތަކާއެކު ކޮންމެ ޔުޓިލިޓީއެއްވެސް ފަސޭހައިން ކަސްޓަމައިޒް ކުރެވޭނެއެވެ.

  • އަޅުގަނޑުމެންގެ ކޮމްޕޯނެންޓްތައް ކަސްޓަމައިޒް ކުރާނެ ގޮތް ދައްކާލުމަށް ބިނާކޮށް އާ ސްނިޕެޓް މިސާލުތައް އިތުރުކޮށްފިއެވެ. — އަޅުގަނޑުމެންގެ އާ ސްނިޕެޓްސް މިސާލުތަކާއެކު ކަސްޓަމައިޒް ކުރެވިފައިވާ ކޮމްޕޯނެންޓްތަކާއި އެހެނިހެން އާންމު ޑިޒައިން ޕެޓަރންތައް ބޭނުން ކުރަން ތައްޔާރު ދަމާލާށެވެ . ފޫޓަރސް އާއި ޑްރޮޕްޑައުންސް އާއި ލިސްޓް ގްރޫޕްސް އަދި މޮޑަލްސް ހިމެނެއެވެ .

  • މިއީ ހަމައެކަނި ޕޮޕަރ އިން ޙަވާލުކުރާ އެއްޗެހި ކަމުން ޕޮޕޯވަރސް އާއި ޓޫލްޓިޕްސް އިން ބޭނުން ނުކުރާ ޕޮޒިޝަނިންގ ސްޓައިލްތައް ނައްތާލާފައިވެއެވެ . ޑިޕްރެކޭޓްކޮށް އެ ޕްރޮސެސްގައި $tooltip-marginސެޓްކޮށްފައިވެ އެވެ .null

އިތުރު މަޢުލޫމާތު ބޭނުންވޭތޯ؟ v5.1.0 ބްލޮގް ޕޯސްޓް ކިޔާށެވެ.


ހޭ އެބައޮތް! އަޅުގަނޑުމެންގެ ބޫޓްސްޓްރެޕް 5 ގެ ފުރަތަމަ ބޮޑު ރިލީޒް، v5.0.0 އަށް އައި ބަދަލުތައް ތިރީގައި މިވަނީއެވެ. އެއީ މަތީގައި ދައްކާފައިވާ އިތުރު ބަދަލުތަކެއް ނޫނެވެ.

ޑިޕެންޑެންސީތަކެވެ

  • ޖޭކުއަރީ ދޫކޮށްލީ.
  • ޕޮޕަރ v1.x އިން ޕޮޕަރ v2.x އަށް އަޕްގްރޭޑް ކޮށްފައިވެއެވެ.
  • ލިބްސާސްގެ ބަދަލުގައި ޑާރޓް ސާސް ގެނައީ އަހަރެމެންގެ ސާސް ކޮމްޕައިލަރ އަށް ދީފައިވާ ލިބްސާސް ޑިޕްރެކޭޓް ކުރެވުނު ގޮތަކަށެވެ.
  • އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ބިނާކުރުމަށްޓަކައި ޖެކިލް އިން ހޫގޯއަށް ހިޖުރަކުރީ

ބްރައުޒާ ސަޕޯޓް ދިނުން

  • އިންޓަރނެޓް އެކްސްޕްލޯރަރ 10 އަދި 11 ވައްޓާލައިފިއެވެ
  • މައިކްރޮސޮފްޓް އެޖް < 16 (ލެގަސީ އެޖް) އަށް ވެއްޓިއްޖެ
  • ފަޔަރފޮކްސް < 60 އަށް ވެއްޓިއްޖެއެވެ
  • ޑްރޮޕްޑް ސަފާރީ < 12
  • ވެއްޓިފައިވަނީ އައިއޯއެސް ސަފާރީ < 12 އެވެ
  • ވެއްޓިފައިވަނީ ކްރޯމް < 60 އެވެ

ލިޔެކިޔުންތަކަށް ބަދަލު އަންނަނީ

  • ހޯމްޕޭޖް، ޑޮކްސް ލޭއައުޓް، އަދި ފޫޓަރ އަލުން ޑިޒައިންކޮށްފައިވެއެވެ.
  • އާ ޕާރުސަލް ގައިޑް އިތުރުކޮށްފި .
  • އިތުރުކޮށްފައިވަނީ އާ ކަސްޓަމައިޒް ބައި , v4 ގެ ތީމިންގ ޕޭޖްގެ ބަދަލުގައި , ސާސް، ގްލޯބަލް ކޮންފިގްރޭޝަން އޮޕްޝަންސް، ކުލަ ސްކީމްސް، ސީއެސްއެސް ވެރިއޭބަލްސް، އަދި އެހެނިހެން އާ ތަފްސީލުތަކާއެކު.
  • ހުރިހާ ފޯމް ޑޮކިއުމަންޓޭޝަން އާ ފޯމްސް ސެކްޝަނަކަށް އަލުން އިންތިޒާމުކޮށް ، ކޮންޓެންޓް އިތުރަށް ފޯކަސް ކުރެވިފައިވާ ޞަފްޙާތަކަށް ބަހާލައިގެން.
  • ހަމައެފަދައިން، އަޕްޑޭޓް ކޮށްފައިވަނީ ލޭއައުޓް ބައި , ގްރިޑް ކޮންޓެންޓް މާ ސާފުކޮށް ފްލެޝް އައުޓް ކުރުމަށްޓަކައެވެ.
  • “ނަވްސް” ކޮމްޕޮނެންޓް ޕޭޖްގެ ނަން “ނަވްސް އެންޑް ޓެބްސް” އަށް ބަދަލުކޮށްފައިވެއެވެ.
  • “ޗެކްސް” ޕޭޖަށް “ޗެކްސް އެންޑް ރޭޑިއޯސް” ގެ ނަން ބަދަލުކޮށްފިއެވެ.
  • އަޅުގަނޑުމެންގެ ސައިޓްތަކާއި ޑޮކްސް ވަރޝަންތަކުގައި ފަސޭހައިން ވަދެވޭނެ ގޮތަށް ނެވްބާރ އަލުން ޑިޒައިންކޮށް އާ ސަބްނެވް އެއް އިތުރުކުރިއެވެ.
  • ސަރޗް ފީލްޑަށް އާ ކީބޯޑް ޝޯޓްކަޓް އިތުރުކޮށްފި: Ctrl + /.

ސާސް އެވެ

  • އަޅުގަނޑުމެން މިވަނީ ޑިފޯލްޓް ސާސް މެޕް މާރޖްތައް ޑިޗްކޮށްފައި، ރިޑަންޑަންޓް ވެލިއުތައް ނައްތާލުމަށް ފަސޭހަ ކުރުމަށެވެ. ހަނދާނުގައި ބަހައްޓަންވީ މިހާރު ޖެހޭނީ ސާސް މެޕްތަކުގައި ހުރިހާ އަގުތަކެއް ކަނޑައަޅަން $theme-colors. ސާސް މެޕްތަކާ މުއާމަލާތް ކުރާނެ ގޮތް ބައްލަވާލައްވާ .

  • ފަޅައިގެން ދިއުމެވެcolor-yiq()ފަންކްޝަން އާއި ގުޅުންހުރި ވެރިއޭބަލްތަކަށް ނަން ބަދަލުކޮށްފައިވަނީ އެއީ YIQ color-contrast()ކުލަ ޖާގައާ ގުޅުން ނެތް އެއްޗަކަށް ވާތީއެވެ. #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)smlg
  • ފަޅައިގެން ދިއުމެވެޕްރިންޓް ސްޓައިލްތަކާއި $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, ނުވަތަ about 24px, down from 30px) އަށް ވުރެ ހަނިވެފައި ހުރެއެވެ. މިއީ އަޅުގަނޑުމެންގެ ގްރިޑް ސިސްޓަމްގެ ގަޓަރުތައް އަޅުގަނޑުމެންގެ ސްޕޭސިންގ ޔުޓިލިޓީސްތަކާ އެއްގޮތްކޮށްދޭ ކަމެކެވެ.

    • ހޮރައިޒޮންޓަލް/ވަރޓިކަލް ގަޓަރސް، ހޮރިޒޮންޓަލް ގަޓަރސް، އަދި ވަރޓިކަލް ގަޓަރސް ކޮންޓްރޯލް ކުރުމަށް އާ ގަޓަރ ކްލާސް ( .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-*theadtbodytfoottrthtd

  • ފަޅައިގެން ދިއުމެވެމިކްސިން އަށް table-row-variant()ނަން ބަދަލުކޮށް table-variant()ބަލައިގަންނަނީ އެންމެ 2 ޕެރެމިޓަރ: $color(ކުލަ ނަން) އަދި $value(ކުލަ ކޯޑް) އެވެ. ބޯޑަރ ކުލައާއި އެކްސެންޓް ކުލަތައް އޮޓޮމެޓިކުން ކަނޑައެޅެނީ ޓޭބަލް ފެކްޓަރ ވެރިއޭބަލްތަކަށް ބަލައިގެންނެވެ.

  • ޓޭބަލް ސެލް ޕެޑިންގ ވެރިއޭބަލްސް އަށް ބަހާލާށެވެ -yއަދި -x.

  • ފަޅައިގެން ދިއުމެވެކްލާސް ދޫކޮށްލައިފި .pre-scrollableއެވެ. #29135 ބައްލަވާށެވެ

  • ފަޅައިގެން ދިއުމެވެ .text-*ޔުޓިލިޓީސް އިން ލިންކްތަކަށް ހޯވަރ އަދި ފޯކަސް ސްޓޭޓްސް އިތުރަށް އިތުރު ނުކުރެއެވެ. .link-*އޭގެ ބަދަލުގައި ހެލްޕަރ ކްލާސްތައް ބޭނުންކުރެވިދާނެއެވެ. #29267 ބައްލަވާށެވެ

  • ފަޅައިގެން ދިއުމެވެކްލާސް ދޫކޮށްލައިފި .text-justifyއެވެ. #29793 ބައްލަވާށެވެ

  • ފަޅައިގެން ދިއުމެވެ <hr>އެލިމެންޓްސް މިހާރު ބޭނުންކުރަނީ އެޓްރިބިއުޓަށް ރަނގަޅަށް ސަޕޯޓް ދިނުމުގެ heightބަދަލުގައި އެވެ . މިއީ ވެސް ޕެޑިންގ ޔުޓިލިޓީސް ބޭނުންކޮށްގެން ބޮޑެތި ޑިވައިޑަރުތައް އުފެއްދުމަށް މަގުފަހިކޮށްދޭ ކަމެކެވެ (އެބަހީ، ).bordersize<hr class="py-1">

  • ޑިފޯލްޓް ހޮރައިޒޮންޓަލް padding-leftއޮން <ul>އަދި <ol>އެލިމެންޓްތައް ބްރައުޒާ ޑިފޯލްޓް އިން ރީސެޓް 40pxކުރާށެވެ 2rem.

  • Added $enable-smooth-scroll, މިއީ ދުނިޔޭގެ ފެންވަރުގައި އަމަލުކުރާ އެއްޗެއް - މީޑިއާ ކިއުއަރީ scroll-behavior: smoothމެދުވެރިކޮށް މޮޝަން ކުޑަކުރުމަށް އެދޭ ޔޫޒަރުން ފިޔަވައި . #31877 ބައްލަވާށެވެprefers-reduced-motion

އާރުޓީއެލް އެވެ

  • ހޮރައިޒޮންޓަލް ޑިރެކްޝަން ސްޕެސިފިކް ވެރިއޭބަލްސް، ޔުޓިލިޓީސް، އަދި މިކްސިންސް މިހުރިހާ އެއްޗެއްގެ ނަން ބަދަލުކޮށްފައިވަނީ ފްލެކްސްބޮކްސް ލޭއައުޓްތަކުގައި ހުންނަ ފަދަ ލޮޖިކަލް ޕްރޮޕަޓީތައް ބޭނުންކުރުމަށެވެ- މިސާލަކަށް، startއަދި އަދި ގެ endބަދަލުގައި .leftright

ފޯމުތައް

  • އާ ފްލޯޓިންގ ފޯމްތައް އިތުރުކޮށްފި! އަޅުގަނޑުމެން މިވަނީ ފްލޯޓިންގ ލޭބަލްސްގެ މިސާލު ފުރިހަމައަށް ސަޕޯޓްކުރާ ފޯމް ކޮމްޕޯނެންޓްތަކަށް ޕްރޮމޯޓްކޮށްފައެވެ. އާ ފްލޯޓިންގ ލޭބަލްސް ޕޭޖް ބައްލަވާށެވެ.

  • ފަޅައިގެން ދިއުމެވެ ކޮންސޮލިޑޭޓެޑް ނެޓިވް އަދި ކަސްޓަމް ފޯމް އެލިމެންޓްސް. v4 ގައި ނެޓިވް އަދި ކަސްޓަމް ކްލާސްތައް ހުރި ޗެކްބޮކްސް، ރޭޑިއޯ، ސެލެކްޓްސް، އަދި އެހެނިހެން އިންޕުޓްތައް އެއްކޮށްލާފައިވެއެވެ. މިހާރު އަޅުގަނޑުމެންގެ ގާތްގަނޑަކަށް ހުރިހާ ފޯމް އެލިމެންޓްތަކަކީ މުޅިން ކަސްޓަމް އެލިމެންޓްތަކެއް، ގިނައީ ކަސްޓަމް އެޗްޓީއެމްއެލްގެ ބޭނުމެއް ނެތި.

    • .custom-control.custom-checkboxއަކީ މިހާރު .form-check.
    • .custom-control.custom-custom-radioއަކީ މިހާރު .form-check.
    • .custom-control.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-textno longer sets display, ހަމައެކަނި އެޗްޓީއެމްއެލް އެލިމެންޓް ބަދަލުކޮށްގެން ބޭނުން ގޮތަކަށް އިންލައިން ނުވަތަ ބްލޮކް ހެލްޕް ޓެކްސްޓް އުފެއްދުމުގެ ފުރުސަތު ލިބިގެންދެއެވެ.

  • ފޯމް ކޮންޓްރޯލްތައް ދެން ބޭނުން ނުކުރާ heightކުރެވެން އޮތް ނަމަ ފިކްސްޑްކޮށް، އޭގެ ބަދަލުގައި ޑިފަރ ކޮށްގެން min-heightކަސްޓަމައިޒޭޝަން ރަނގަޅުކޮށް އެހެން ކޮމްޕޯނެންޓްތަކާ ކޮމްޕެޓިބިލިޓީ ރަނގަޅު ކުރުމަށް.

  • ވެލިޑޭޝަން އައިކޮންތައް މިހާރު <select>s އާއެކު ނުހިނގާނެއެވެ multiple.

  • ގެ ދަށުން ސޯސް ސާސް ފައިލްތައް އަލުން ތަރުތީބުކޮށްފައި scss/forms/، އިންޕުޓް ގްރޫޕް ސްޓައިލްތައް ހިމެނޭ ގޮތަށް.


ކޮމްޕޯނެންޓްސް

  • އަޅުގަނޑުމެންގެ ވެރިއޭބަލްއަށް paddingބިނާކޮށް އެލާޓްތަކާއި، ބްރޭޑްކްރަމްބްތަކާއި، ކާޑުތަކާއި، ޑްރޮޕްޑައުންތަކާއި، ލިސްޓް ގްރޫޕްތަކާއި، މޮޑަލްތަކާއި، ޕޮޕޯވަރތަކާއި، އަދި ޓޫލްޓިޕްތަކަށް ޔުނިފައިޑް ވެލިއުތައް. #30564 ބައްލަވާށެވެ .$spacer

އެކޯޑިއަން އެވެ

އެލާޓްތައް

ބެޖްތައް

  • ފަޅައިގެން ދިއުމެވެ.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ބިނާވެފައިވާ އެކޯޑިއަންގެ ބަދަލުގައި އާ އެކޯޑިއަން ކޮމްޕޮނެންޓެއް ގެނެސްފިއެވެ .

ބަންދުކުރާ ބަޓަން

  • ފަޅައިގެން ދިއުމެވެނަން ބަދަލުކޮށްފައިވަނީ .closeޖެނެރިކް .btn-closeމަދު ނަމަކަށްޓަކައެވެ.

  • ކްލޯޒް ބަޓަންތަކުގައި މިހާރު އެޗްޓީއެމްއެލްގައި background-imagea ގެ ބަދަލުގައި (އެންބެޑެޑް އެސްވީޖީ) ބޭނުންކޮށްފައިވާތީ، &times;މާކަޕްގައި އަތްލާން ނުޖެހި ފަސޭހައިން ކަސްޓަމައިޒް ކުރެވޭނެ އެވެ.

  • އަނދިރި ބެކްގްރައުންޑްތަކާ ދެކޮޅަށް މަތީ ކޮންޓްރެސްޓް ޑިސްމިސް އައިކޮންތައް އެނެބަލް ކުރުމަށް ބޭނުންކުރާ އާ .btn-close-whiteވައްތަރެއް އިތުރުކޮށްފި އެވެ.filter: invert(1)

ހޭނެތިގެން ވެއްޓުން

  • އެކޯޑިއަންތަކަށް ސްކްރޯލް އެންކަރިންގ ނައްތާލާފައިވެއެވެ.
  • .dropdown-menu-darkއޮން ޑިމާންޑް ޑާކް ޑްރޮޕްޑައުންތަކަށް އާ ވެރިއަންޓާއި އެސޯސިއޭޓެޑް ވެރިއޭބަލްތައް އިތުރުކޮށްފި އެވެ.

  • އަށް އާ ވެރިއޭބަލް އިތުރުކޮށްފި އެވެ $dropdown-padding-x.

  • ކޮންޓްރެސްޓް ރަނގަޅު ކުރުމަށް ޑްރޮޕްޑައުން ޑިވައިޑަރ އަނދިރިކޮށްލިއެވެ.

  • ފަޅައިގެން ދިއުމެވެޑްރޮޕްޑައުންއަށް ބޭނުންވާ ހުރިހާ އިވެންޓްތަކެއް މިހާރު ޑްރޮޕްޑައުން ޓޮގްލް ބަޓަންގައި ޓްރިގަރ ކޮށްފައި އޭގެ ފަހުން ޕޭރެންޓް އެލިމެންޓާ ހަމައަށް ބަބްލް ކުރެވެއެވެ.

  • ޑްރޮޕްޑައުން މެނޫތަކުގައި މިހާރު data-bs-popper="static"އެޓްރިބިއުޓް ސެޓްކޮށްފައި ހުންނަނީ ޑްރޮޕްޑައުންގެ ޕޮޒިޝަނިންގ ސްޓޭޓިކް ވެފައި ހުންނައިރު، ނުވަތަ ޑްރޮޕްޑައުން ނެވްބާރގައި ހުންނަ ވަގުތުގައެވެ. މިއީ އަޅުގަނޑުމެންގެ ޖާވާސްކްރިޕްޓުން އިތުރުކޮށްފައިވާ އެއްޗެއް ކަމަށާއި، މިއީ ޕޮޕަރގެ ޕޮޒިޝަނިންގ އަށް ހުރަހެއް ނާޅައި ކަސްޓަމް ޕޮޒިޝަން ސްޓައިލްތައް ބޭނުން ކުރުމަށް އެހީތެރިވެދޭ އެއްޗެކެވެ.

  • ފަޅައިގެން ދިއުމެވެނެޓިވް ޕޮޕަރ flipކޮންފިގްރޭޝަންގެ ފަރާތުން ޑްރޮޕްޑައުން ޕްލަގިން އަށް އޮޕްޝަން ބާކީކޮށްފި އެވެ. މިހާރު ފްލިޕް މޮޑިފައިއަރ fallbackPlacementsގައި އޮޕްޝަން އަށް ހުސް އެރޭއެއް ފާސްކޮށްގެން ފްލިޕް ބިހޭވިއަރ ޑިސެބިލް ކުރެވޭނެއެވެ .

  • ޑްރޮޕްޑައުން މެނޫތަކަށް މިހާރު ކްލިކް ކުރެވޭނީ އޮޓޯ ކްލޯޒް ބިހޭވިއަރautoClose ހެންޑްލް ކުރުމަށް އާ އޮޕްޝަނަކާއެކުގައެވެ . މި އިޚްތިޔާރު ބޭނުންކޮށްގެން ޑްރޮޕްޑައުން މެނޫގެ އެތެރޭގައި ނުވަތަ ބޭރުގައި ކްލިކް ކުރުމުން އިންޓަރެކްޓިވް ކޮށްލުމަށް ބަލައިގަނެވޭނެއެވެ.

  • ޑްރޮޕްޑައުންސް މިހާރު ސަޕޯޓް .dropdown-itemކުރަނީ s ގައި އޮޅާފައި ހުންނަ <li>s.

ޖަމްބޮޓްރޯން އެވެ

ލިސްޓް ގްރޫޕް

  • , , , އަދި އަށް އާ nullވެރިއޭބަލްތައް ކްލާހަށް އިތުރުކޮށްފިއެވެ.font-sizefont-weightcolor:hover color.nav-link
  • ފަޅައިގެން ދިއުމެވެނަވްބާރސް އަށް މިހާރު ބޭނުންވަނީ އެތެރޭގައި ކޮންޓެއިނަރެއް (ސްޕޭސިންގ ރިކުއަރމަންޓްސް އާއި ސީއެސްއެސް ބޭނުންވާ ވަރަށް ބޮޑަށް ފަސޭހަ ކުރުމަށް) އެވެ.
  • ފަޅައިގެން ދިއުމެވެއެ .activeކްލާސް ސ އަށް ދެން އެޕްލައި ނުކުރެވޭނެ .nav-item، އެއީ ސީދާ ސ އަށް އެޕްލައި ކުރަން ޖެހޭނެ .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.

  • ހުރިހާ ޕްލަގިންތަކަށް މިހާރު ފުރަތަމަ އަރގިއުމެންޓްގެ ގޮތުގައި ސީއެސްއެސް ސެލެކްޓަރެއް ބަލައިގަނެވޭނެއެވެ. ޕްލަގިންގެ އާ އިންސްޓޭންސްއެއް އުފެއްދުމަށްޓަކައި ޑޮމް އެލިމެންޓެއް ނުވަތަ އެއްވެސް ސައްހަ ސީއެސްއެސް ސެލެކްޓަރެއް ޕާސް ކުރެވިދާނެއެވެ:

    const modal = new bootstrap.Modal('#myModal')
    const dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
    
  • popperConfigބޫޓްސްޓްރެޕްގެ ޑިފޯލްޓް ޕޮޕަރ ކޮންފިގް އަރގިއުމެންޓެއްގެ ގޮތުގައި ބަލައިގަންނަ ފަންކްޝަނެއްގެ ގޮތުގައި ފާސްކުރެވިދާނެ، އެހެންކަމުން މި ޑިފޯލްޓް ކޮންފިގްރޭޝަން ތިބާގެ ގޮތުގައި މާރޖް ކުރެވޭނެއެވެ. ޑްރޮޕްޑައުންސް، ޕޮޕޯވަރސް، އަދި ޓޫލްޓިޕްސް އަށް ވެސް އަމަލުކުރެއެވެ.

  • އަށް ޑިފޯލްޓް ވެލިއު fallbackPlacementsބަދަލުކޮށްފައިވަނީ ['top', 'right', 'bottom', 'left']ޕޮޕަރ އެލިމެންޓްތައް ރަނގަޅަށް ބެހެއްޓުމަށްޓަކައެވެ. ޑްރޮޕްޑައުންސް، ޕޮޕޯވަރސް، އަދި ޓޫލްޓިޕްސް އަށް ވެސް އަމަލުކުރެއެވެ.

  • _getInstance()→ ފަދަ ޕަބްލިކް ސްޓޭޓިކް މެތޯޑްތަކުން އަންޑަރސްކޯރ ނައްތާލެވިއްޖެއެވެ getInstance().