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

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

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

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

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

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

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

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

  • , , , އަދި އަށް އާ nullވެރިއޭބަލްތައް ކްލާހަށް އިތުރުކޮށްފިއެވެ.font-sizefont-weightcolor: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().