v5 ಗೆ ಸ್ಥಳಾಂತರಿಸಲಾಗುತ್ತಿದೆ

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮೂಲ ಫೈಲ್‌ಗಳು, ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಮತ್ತು ಕಾಂಪೊನೆಂಟ್‌ಗಳಿಗೆ ಬದಲಾವಣೆಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಿ ಮತ್ತು ವಿಮರ್ಶಿಸಿ v4 ರಿಂದ v5 ಗೆ ವಲಸೆ ಹೋಗಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಈ ಪುಟದಲ್ಲಿ

ಅವಲಂಬನೆಗಳು

jQuery ಕೈಬಿಡಲಾಗಿದೆ.
Popper v1.x ನಿಂದ Popper v2.x ಗೆ ಅಪ್‌ಗ್ರೇಡ್ ಮಾಡಲಾಗಿದೆ.
Libsass ಅನ್ನು ನಮ್ಮ Sass ಕಂಪೈಲರ್‌ನಂತೆ Dart Sass ನೊಂದಿಗೆ ಬದಲಾಯಿಸಲಾಗಿದೆ Libsass ಅನ್ನು ಅಸಮ್ಮತಿಗೊಳಿಸಲಾಗಿದೆ.
ನಮ್ಮ ದಸ್ತಾವೇಜನ್ನು ನಿರ್ಮಿಸಲು ಜೆಕಿಲ್‌ನಿಂದ ಹ್ಯೂಗೋಗೆ ವಲಸೆ ಹೋಗಿದ್ದಾರೆ

ಬ್ರೌಸರ್ ಬೆಂಬಲ

ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 10 ಮತ್ತು 11 ಅನ್ನು ಕೈಬಿಡಲಾಗಿದೆ
ಕೈಬಿಡಲಾಯಿತು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್ <16 (ಲೆಗಸಿ ಎಡ್ಜ್)
ಫೈರ್‌ಫಾಕ್ಸ್ <60 ಕೈಬಿಡಲಾಗಿದೆ
ಸಫಾರಿ <12 ಕೈಬಿಡಲಾಗಿದೆ
iOS ಸಫಾರಿ <12 ಕೈಬಿಡಲಾಗಿದೆ
Chrome <60 ಕೈಬಿಡಲಾಗಿದೆ

ದಾಖಲೆ ಬದಲಾವಣೆಗಳು

ಮರುವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಮುಖಪುಟ, ಡಾಕ್ಸ್ ಲೇಔಟ್ ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿ.
ಹೊಸ ಪಾರ್ಸೆಲ್ ಮಾರ್ಗದರ್ಶಿ ಸೇರಿಸಲಾಗಿದೆ .
ಹೊಸ ಕಸ್ಟಮೈಸ್ ವಿಭಾಗವನ್ನು ಸೇರಿಸಲಾಗಿದೆ , v4 ನ ಥೀಮಿಂಗ್ ಪುಟವನ್ನು ಬದಲಿಸಿ , ಸಾಸ್, ಜಾಗತಿಕ ಕಾನ್ಫಿಗರೇಶನ್ ಆಯ್ಕೆಗಳು, ಬಣ್ಣ ಯೋಜನೆಗಳು, CSS ವೇರಿಯೇಬಲ್‌ಗಳು ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳ ಕುರಿತು ಹೊಸ ವಿವರಗಳೊಂದಿಗೆ.
ಎಲ್ಲಾ ಫಾರ್ಮ್ ದಸ್ತಾವೇಜನ್ನು ಹೊಸ ಫಾರ್ಮ್‌ಗಳ ವಿಭಾಗಕ್ಕೆ ಮರುಸಂಘಟಿಸಲಾಗಿದೆ , ವಿಷಯವನ್ನು ಹೆಚ್ಚು ಕೇಂದ್ರೀಕೃತ ಪುಟಗಳಾಗಿ ವಿಭಜಿಸಲಾಗಿದೆ.
ಅಂತೆಯೇ, ಗ್ರಿಡ್ ವಿಷಯವನ್ನು ಹೆಚ್ಚು ಸ್ಪಷ್ಟವಾಗಿ ಹೊರಹಾಕಲು ಲೇಔಟ್ ವಿಭಾಗವನ್ನು ನವೀಕರಿಸಲಾಗಿದೆ.
"Navs" ಕಾಂಪೊನೆಂಟ್ ಪುಟವನ್ನು "Navs & Tabs" ಎಂದು ಮರುಹೆಸರಿಸಲಾಗಿದೆ.
"ಚೆಕ್‌ಗಳು" ಪುಟವನ್ನು "ಚೆಕ್‌ಗಳು ಮತ್ತು ರೇಡಿಯೋಗಳು" ಎಂದು ಮರುಹೆಸರಿಸಲಾಗಿದೆ.
ನ್ಯಾವ್‌ಬಾರ್ ಅನ್ನು ಮರುವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ನಮ್ಮ ಸೈಟ್‌ಗಳು ಮತ್ತು ಡಾಕ್ಸ್ ಆವೃತ್ತಿಗಳನ್ನು ಹುಡುಕಲು ಸುಲಭವಾಗುವಂತೆ ಹೊಸ ಸಬ್‌ನಾವ್ ಅನ್ನು ಸೇರಿಸಿದೆ.
ಹುಡುಕಾಟ ಕ್ಷೇತ್ರಕ್ಕೆ ಹೊಸ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್ ಸೇರಿಸಲಾಗಿದೆ: Ctrl + /.

ಸಾಸ್

ಅನಗತ್ಯ ಮೌಲ್ಯಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಸುಲಭವಾಗುವಂತೆ ನಾವು ಡೀಫಾಲ್ಟ್ ಸಾಸ್ ಮ್ಯಾಪ್ ವಿಲೀನಗಳನ್ನು ತ್ಯಜಿಸಿದ್ದೇವೆ. ನೀವು ಈಗ ಸಾಸ್ ನಕ್ಷೆಗಳಲ್ಲಿ ಎಲ್ಲಾ ಮೌಲ್ಯಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬೇಕು ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡಿ $theme-colors. ಸಾಸ್ ನಕ್ಷೆಗಳೊಂದಿಗೆ ಹೇಗೆ ವ್ಯವಹರಿಸಬೇಕು ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ .
ಬ್ರೇಕಿಂಗ್ಇದು ಇನ್ನು ಮುಂದೆ YIQ ಕಲರ್ಸ್‌ಪೇಸ್‌ಗೆ ಸಂಬಂಧಿಸದ ಕಾರಣ color-yiq()ಕಾರ್ಯ ಮತ್ತು ಸಂಬಂಧಿತ ವೇರಿಯಬಲ್‌ಗಳನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ . #30168 ನೋಡಿ.color-contrast()
- $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()ಮತ್ತು ಈಗ $theme-colorಬಣ್ಣಗಳ ಬದಲಿಗೆ ನಿಮಗೆ ಬೇಕಾದ ಯಾವುದೇ ಬಣ್ಣವನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ. #29083 ವೀಕ್ಷಿಸಿ ವೀಕ್ಷಿಸಿ: 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-shadowmixins ಈಗ ಬಹು ವಾದಗಳಿಂದ nullಮೌಲ್ಯಗಳನ್ನು ಮತ್ತು ಡ್ರಾಪ್ ಅನ್ನು ಅನುಮತಿಸುತ್ತವೆ. #30394 ನೋಡಿ .none
ಮಿಕ್ಸಿನ್ ಈಗ border-radius()ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿದೆ.

ಬಣ್ಣದ ವ್ಯವಸ್ಥೆ

ಹೊಸ ಬಣ್ಣದ ವ್ಯವಸ್ಥೆಯ ಪರವಾಗಿ ಕೆಲಸ ಮಾಡಿದ color-level()ಮತ್ತು ತೆಗೆದುಹಾಕಲಾದ ಬಣ್ಣ ವ್ಯವಸ್ಥೆ. ನಮ್ಮ ಕೋಡ್‌ಬೇಸ್‌ನಲ್ಲಿರುವ $theme-color-intervalಎಲ್ಲಾ lighten()ಮತ್ತು ಕಾರ್ಯಗಳನ್ನು ಮತ್ತು . ಈ ಕಾರ್ಯಗಳು ಬಣ್ಣವನ್ನು ಅದರ ಲಘುತೆಯನ್ನು ಸ್ಥಿರ ಪ್ರಮಾಣದಲ್ಲಿ ಬದಲಾಯಿಸುವ ಬದಲು ಬಿಳಿ ಅಥವಾ ಕಪ್ಪು ಬಣ್ಣದೊಂದಿಗೆ ಮಿಶ್ರಣ ಮಾಡುತ್ತದೆ. ಅದರ ತೂಕದ ನಿಯತಾಂಕವು ಧನಾತ್ಮಕ ಅಥವಾ ಋಣಾತ್ಮಕವಾಗಿದೆಯೇ ಎಂಬುದನ್ನು ಅವಲಂಬಿಸಿ ಬಣ್ಣವನ್ನು ಛಾಯೆ ಅಥವಾ ಛಾಯೆಯನ್ನು ನೀಡುತ್ತದೆ. ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ #30622 ನೋಡಿ .darken()tint-color()shade-color()shift-color()
ಪ್ರತಿ ಬಣ್ಣಕ್ಕೂ ಹೊಸ ಟಿಂಟ್‌ಗಳು ಮತ್ತು ಶೇಡ್‌ಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ, ಪ್ರತಿ ಮೂಲ ಬಣ್ಣಕ್ಕೆ ಒಂಬತ್ತು ಪ್ರತ್ಯೇಕ ಬಣ್ಣಗಳನ್ನು ಹೊಸ ಸಾಸ್ ವೇರಿಯಬಲ್‌ಗಳಂತೆ ಒದಗಿಸುತ್ತದೆ.
ಸುಧಾರಿತ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್. 3:1 ರಿಂದ 4.5:1 ರವರೆಗಿನ ಬಂಪ್ಡ್ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು WCAG 2.1 AA ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ನೀಲಿ, ಹಸಿರು, ಸಯಾನ್ ಮತ್ತು ಗುಲಾಬಿ ಬಣ್ಣಗಳನ್ನು ನವೀಕರಿಸಲಾಗಿದೆ. ನಮ್ಮ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಬಣ್ಣವನ್ನು ಸಹ ದಿಂದ $gray-900ಗೆ ಬದಲಾಯಿಸಲಾಗಿದೆ $black.
ನಮ್ಮ ಬಣ್ಣದ ವ್ಯವಸ್ಥೆಯನ್ನು ಬೆಂಬಲಿಸಲು, ನಮ್ಮ ಬಣ್ಣಗಳನ್ನು ಸೂಕ್ತವಾಗಿ ಮಿಶ್ರಣ ಮಾಡಲು ನಾವು ಹೊಸ ಕಸ್ಟಮ್ tint-color()ಮತ್ತು ಕಾರ್ಯಗಳನ್ನು ಸೇರಿಸಿದ್ದೇವೆ.shade-color()

ಗ್ರಿಡ್ ನವೀಕರಣಗಳು

ಹೊಸ ಬ್ರೇಕ್ ಪಾಯಿಂಟ್! ಮತ್ತು ಮೇಲಕ್ಕೆ ಹೊಸ xxlಬ್ರೇಕ್‌ಪಾಯಿಂಟ್ ಅನ್ನು ಸೇರಿಸಲಾಗಿದೆ. 1400pxಎಲ್ಲಾ ಇತರ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳಿಗೆ ಯಾವುದೇ ಬದಲಾವಣೆಗಳಿಲ್ಲ.
ಸುಧಾರಿತ ಗಟಾರಗಳು. ಗಟರ್‌ಗಳನ್ನು ಈಗ ರೆಮ್ಸ್‌ನಲ್ಲಿ ಹೊಂದಿಸಲಾಗಿದೆ ಮತ್ತು ಅವು v4 ಗಿಂತ ಕಿರಿದಾಗಿವೆ ( 1.5rem, ಅಥವಾ ಸುಮಾರು 24px, ಕೆಳಗೆ 30px). ಇದು ನಮ್ಮ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್‌ನ ಗಟರ್‌ಗಳನ್ನು ನಮ್ಮ ಅಂತರ ಉಪಯುಕ್ತತೆಗಳೊಂದಿಗೆ ಜೋಡಿಸುತ್ತದೆ.
- ಸಮತಲ/ಲಂಬವಾದ ಗಟಾರಗಳು, ಸಮತಲ ಗಟಾರಗಳು ಮತ್ತು ಲಂಬವಾದ ಗಟಾರಗಳನ್ನು ನಿಯಂತ್ರಿಸಲು ಹೊಸ ಗಟಾರ ವರ್ಗವನ್ನು ( .g-*, .gx-*, ಮತ್ತು ) ಸೇರಿಸಲಾಗಿದೆ..gy-*
- ಬ್ರೇಕಿಂಗ್ಹೊಸ ಗಟರ್ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಹೊಂದಿಸಲು ಮರುಹೆಸರಿಸಲಾಗಿದೆ .no-gutters..g-0
ಕಾಲಮ್‌ಗಳು ಇನ್ನು ಮುಂದೆ ಅನ್ವಯಿಸುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ಆ ನಡವಳಿಕೆಯನ್ನು ಪುನಃಸ್ಥಾಪಿಸಲು ನೀವು ಕೆಲವು ಅಂಶಗಳಿಗೆ position: relativeಸೇರಿಸಬೇಕಾಗಬಹುದು ..position-relative
ಬ್ರೇಕಿಂಗ್.order-*ಆಗಾಗ್ಗೆ ಬಳಕೆಯಾಗದೆ ಹೋದ ಹಲವಾರು ತರಗತಿಗಳನ್ನು ಕೈಬಿಡಲಾಯಿತು . ನಾವು ಈಗ ಬಾಕ್ಸ್ ಹೊರಗೆ ಮಾತ್ರ ಒದಗಿಸುತ್ತೇವೆ .order-1..order-5
ಬ್ರೇಕಿಂಗ್ಘಟಕವನ್ನು ಕೈಬಿಡಲಾಗಿದೆ .mediaಏಕೆಂದರೆ ಇದು ಉಪಯುಕ್ತತೆಗಳೊಂದಿಗೆ ಸುಲಭವಾಗಿ ಪುನರಾವರ್ತಿಸಬಹುದು. ಉದಾಹರಣೆಗಾಗಿ #28265 ಮತ್ತು ಫ್ಲೆಕ್ಸ್ ಉಪಯುಕ್ತತೆಗಳ ಪುಟವನ್ನು ನೋಡಿ .
ಬ್ರೇಕಿಂಗ್ bootstrap-grid.cssbox-sizing: border-boxಜಾಗತಿಕ ಬಾಕ್ಸ್ ಗಾತ್ರವನ್ನು ಮರುಹೊಂದಿಸುವ ಬದಲು ಈಗ ಕಾಲಮ್‌ಗೆ ಮಾತ್ರ ಅನ್ವಯಿಸುತ್ತದೆ . ಈ ರೀತಿಯಾಗಿ, ನಮ್ಮ ಗ್ರಿಡ್ ಶೈಲಿಗಳನ್ನು ಹಸ್ತಕ್ಷೇಪವಿಲ್ಲದೆ ಹೆಚ್ಚಿನ ಸ್ಥಳಗಳಲ್ಲಿ ಬಳಸಬಹುದು.
$enable-grid-classesಇನ್ನು ಮುಂದೆ ಕಂಟೇನರ್ ತರಗತಿಗಳ ಉತ್ಪಾದನೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುವುದಿಲ್ಲ. #29146 ನೋಡಿ.
make-colನಿಗದಿತ ಗಾತ್ರವಿಲ್ಲದೆ ಸಮಾನ ಕಾಲಮ್‌ಗಳಿಗೆ ಡೀಫಾಲ್ಟ್‌ಗೆ ಮಿಕ್ಸಿನ್ ಅನ್ನು ನವೀಕರಿಸಲಾಗಿದೆ .

ವಿಷಯ, ರೀಬೂಟ್, ಇತ್ಯಾದಿ

RFS ಅನ್ನು ಈಗ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಸಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ. ಮಿಕ್ಸಿನ್ ಬಳಸುವfont-size()ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸರಿಹೊಂದಿಸುತ್ತದೆfont-size. ಈ ವೈಶಿಷ್ಟ್ಯವು ಹಿಂದೆ v4 ನೊಂದಿಗೆ ಆಯ್ಕೆಯಾಗಿತ್ತು.
ಬ್ರೇಕಿಂಗ್$display-*ನಮ್ಮ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಮತ್ತು $display-font-sizesಸಾಸ್ ಮ್ಯಾಪ್‌ನೊಂದಿಗೆ ಬದಲಾಯಿಸಲು ನಮ್ಮ ಡಿಸ್‌ಪ್ಲೇ ಟೈಪೋಗ್ರಫಿಯನ್ನು ಕೂಲಂಕಷವಾಗಿ ಪರಿಶೀಲಿಸಲಾಗಿದೆ . ಏಕ ಮತ್ತು ಸರಿಹೊಂದಿಸಿದ s $display-*-weightಗಾಗಿ ಪ್ರತ್ಯೇಕ ವೇರಿಯಬಲ್‌ಗಳನ್ನು ಸಹ ತೆಗೆದುಹಾಕಲಾಗಿದೆ .$display-font-weightfont-size
ಎರಡು ಹೊಸ .display-*ಶೀರ್ಷಿಕೆ ಗಾತ್ರಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ, .display-5ಮತ್ತು .display-6.
ನಿರ್ದಿಷ್ಟ ಘಟಕಗಳ ಭಾಗವಾಗದ ಹೊರತು ಲಿಂಕ್‌ಗಳನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಅಂಡರ್‌ಲೈನ್ ಮಾಡಲಾಗುತ್ತದೆ (ಹೋವರ್‌ನಲ್ಲಿ ಮಾತ್ರವಲ್ಲ).
ಸ್ಟೈಲಿಂಗ್‌ನ ಮೇಲೆ ಹೆಚ್ಚಿನ ನಿಯಂತ್ರಣಕ್ಕಾಗಿ ಅವುಗಳ ಶೈಲಿಗಳನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಲು ಮತ್ತು CSS ವೇರಿಯೇಬಲ್‌ಗಳೊಂದಿಗೆ ಮರುನಿರ್ಮಾಣ ಮಾಡಲು ಟೇಬಲ್‌ಗಳನ್ನು ಮರುವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ .
ಬ್ರೇಕಿಂಗ್ನೆಸ್ಟೆಡ್ ಟೇಬಲ್‌ಗಳು ಇನ್ನು ಮುಂದೆ ಶೈಲಿಗಳನ್ನು ಆನುವಂಶಿಕವಾಗಿ ಪಡೆಯುವುದಿಲ್ಲ.
ಬ್ರೇಕಿಂಗ್ .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.
ಸೇರಿಸಲಾಗಿದೆ $enable-smooth-scroll, ಇದು ಜಾಗತಿಕವಾಗಿ ಅನ್ವಯಿಸುತ್ತದೆ - ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಯ scroll-behavior: smoothಮೂಲಕ ಕಡಿಮೆ ಚಲನೆಯನ್ನು ಕೇಳುವ ಬಳಕೆದಾರರನ್ನು ಹೊರತುಪಡಿಸಿ . #31877 ನೋಡಿprefers-reduced-motion

RTL

ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್ ಲೇಔಟ್‌ಗಳಲ್ಲಿ ಕಂಡುಬರುವ ತಾರ್ಕಿಕ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಲು ಸಮತಲ ದಿಕ್ಕಿನ ನಿರ್ದಿಷ್ಟ ವೇರಿಯಬಲ್‌ಗಳು, ಉಪಯುಕ್ತತೆಗಳು ಮತ್ತು ಮಿಕ್ಸಿನ್‌ಗಳನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ-ಉದಾ, startಮತ್ತು endಬದಲಿಗೆ leftಮತ್ತು right.

ರೂಪಗಳು

ಹೊಸ ತೇಲುವ ರೂಪಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ! ನಾವು ಫ್ಲೋಟಿಂಗ್ ಲೇಬಲ್‌ಗಳ ಉದಾಹರಣೆಯನ್ನು ಸಂಪೂರ್ಣ ಬೆಂಬಲಿತ ಫಾರ್ಮ್ ಕಾಂಪೊನೆಂಟ್‌ಗಳಿಗೆ ಪ್ರಚಾರ ಮಾಡಿದ್ದೇವೆ. ಹೊಸ ಫ್ಲೋಟಿಂಗ್ ಲೇಬಲ್‌ಗಳ ಪುಟವನ್ನು ನೋಡಿ.
ಬ್ರೇಕಿಂಗ್ ಏಕೀಕೃತ ಸ್ಥಳೀಯ ಮತ್ತು ಕಸ್ಟಮ್ ರೂಪ ಅಂಶಗಳು. v4 ನಲ್ಲಿ ಸ್ಥಳೀಯ ಮತ್ತು ಕಸ್ಟಮ್ ತರಗತಿಗಳನ್ನು ಹೊಂದಿರುವ ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳು, ರೇಡಿಯೋಗಳು, ಆಯ್ಕೆಗಳು ಮತ್ತು ಇತರ ಇನ್‌ಪುಟ್‌ಗಳನ್ನು ಏಕೀಕರಿಸಲಾಗಿದೆ. ಈಗ ನಮ್ಮ ಎಲ್ಲಾ ಫಾರ್ಮ್ ಅಂಶಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಕಸ್ಟಮ್ ಆಗಿವೆ, ಹೆಚ್ಚಿನವು ಕಸ್ಟಮ್ HTML ನ ಅಗತ್ಯವಿಲ್ಲ.
- .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ಇನ್ನು ಮುಂದೆ ಹೊಂದಿಸುವುದಿಲ್ಲ display, HTML ಅಂಶವನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ಬಯಸಿದಂತೆ ಇನ್‌ಲೈನ್ ಅಥವಾ ಬ್ಲಾಕ್ ಸಹಾಯ ಪಠ್ಯವನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಮೌಲ್ಯೀಕರಣ ಐಕಾನ್‌ಗಳನ್ನು ಇನ್ನು ಮುಂದೆ <select>s ನೊಂದಿಗೆ ಅನ್ವಯಿಸಲಾಗುವುದಿಲ್ಲ multiple.
scss/forms/ಇನ್‌ಪುಟ್ ಗ್ರೂಪ್ ಸ್ಟೈಲ್‌ಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಅಡಿಯಲ್ಲಿ ಮರುಹೊಂದಿಸಲಾದ ಮೂಲ ಸಾಸ್ ಫೈಲ್‌ಗಳು .

ಘಟಕಗಳು

paddingಎಚ್ಚರಿಕೆಗಳು, ಬ್ರೆಡ್‌ಕ್ರಂಬ್‌ಗಳು, ಕಾರ್ಡ್‌ಗಳು, ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು, ಪಟ್ಟಿ ಗುಂಪುಗಳು, ಮಾದರಿಗಳು, ಪಾಪೋವರ್‌ಗಳು ಮತ್ತು ಟೂಲ್‌ಟಿಪ್‌ಗಳಿಗಾಗಿ ಏಕೀಕೃತ ಮೌಲ್ಯಗಳು ನಮ್ಮ $spacerವೇರಿಯಬಲ್ ಅನ್ನು ಆಧರಿಸಿರುತ್ತವೆ. #30564 ನೋಡಿ .

ಅಕಾರ್ಡಿಯನ್

ಹೊಸ ಅಕಾರ್ಡಿಯನ್ ಘಟಕವನ್ನು ಸೇರಿಸಲಾಗಿದೆ .

ಎಚ್ಚರಿಕೆಗಳು

ಎಚ್ಚರಿಕೆಗಳು ಈಗ ಐಕಾನ್‌ಗಳೊಂದಿಗೆ ಉದಾಹರಣೆಗಳನ್ನು ಹೊಂದಿವೆ .
<hr>ಅವರು ಈಗಾಗಲೇ ಬಳಸುವುದರಿಂದ ಪ್ರತಿ ಎಚ್ಚರಿಕೆಯಲ್ಲಿನ ಕಸ್ಟಮ್ ಶೈಲಿಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗಿದೆ currentColor.

ಬ್ಯಾಡ್ಜ್‌ಗಳು

ಬ್ರೇಕಿಂಗ್.badge-*ಹಿನ್ನೆಲೆ ಉಪಯುಕ್ತತೆಗಳಿಗಾಗಿ ಎಲ್ಲಾ ಬಣ್ಣದ ವರ್ಗಗಳನ್ನು ಕೈಬಿಡಲಾಗಿದೆ (ಉದಾ, .bg-primaryಬದಲಿಗೆ ಬಳಸಿ .badge-primary).
ಬ್ರೇಕಿಂಗ್ಕೈಬಿಡಲಾಗಿದೆ .badge-pill- .rounded-pillಬದಲಿಗೆ ಉಪಯುಕ್ತತೆಯನ್ನು ಬಳಸಿ.
ಬ್ರೇಕಿಂಗ್<a>ಮತ್ತು <button>ಅಂಶಗಳಿಗಾಗಿ ಹೋವರ್ ಮತ್ತು ಫೋಕಸ್ ಶೈಲಿಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗಿದೆ .
/ ನಿಂದ .25em/ ಗೆ ಬ್ಯಾಡ್ಜ್‌ಗಳಿಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಹೆಚ್ಚಿಸಲಾಗಿದೆ ..5em.35em.65em

ಬ್ರೆಡ್ ತುಂಡುಗಳು

ತೆಗೆದುಹಾಕುವ ಮೂಲಕ ಬ್ರೆಡ್ಕ್ರಂಬ್ಸ್ನ ಡೀಫಾಲ್ಟ್ ನೋಟವನ್ನು ಸರಳಗೊಳಿಸಲಾಗಿದೆ padding, background-colorಮತ್ತು border-radius.
--bs-breadcrumb-dividerCSS ಅನ್ನು ಮರುಸಂಕಲಿಸುವ ಅಗತ್ಯವಿಲ್ಲದೇ ಸುಲಭ ಗ್ರಾಹಕೀಕರಣಕ್ಕಾಗಿ ಹೊಸ CSS ಕಸ್ಟಮ್ ಆಸ್ತಿಯನ್ನು ಸೇರಿಸಲಾಗಿದೆ .

ಗುಂಡಿಗಳು

ಬ್ರೇಕಿಂಗ್ ಟಾಗಲ್ ಬಟನ್‌ಗಳು , ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳು ಅಥವಾ ರೇಡಿಯೊಗಳೊಂದಿಗೆ, ಇನ್ನು ಮುಂದೆ JavaScript ಅಗತ್ಯವಿಲ್ಲ ಮತ್ತು ಹೊಸ ಮಾರ್ಕ್‌ಅಪ್ ಅನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ. ನಮಗೆ ಇನ್ನು ಮುಂದೆ ಸುತ್ತುವ ಅಂಶದ ಅಗತ್ಯವಿರುವುದಿಲ್ಲ,.btn-checkಗೆ<input>ಮತ್ತು ಅದನ್ನು ಯಾವುದೇ.btnತರಗತಿಗಳೊಂದಿಗೆ<label>. #30650 ನೋಡಿ . ಇದಕ್ಕಾಗಿ ಡಾಕ್ಸ್ ನಮ್ಮ ಬಟನ್‌ಗಳ ಪುಟದಿಂದ ಹೊಸ ಫಾರ್ಮ್‌ಗಳ ವಿಭಾಗಕ್ಕೆ ಸರಿಸಲಾಗಿದೆ.
ಬ್ರೇಕಿಂಗ್ ಉಪಯುಕ್ತತೆಗಳಿಗಾಗಿ ಕೈಬಿಡಲಾಗಿದೆ .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ರೂಪಾಂತರವನ್ನು ಸೇರಿಸಲಾಗಿದೆ (ಹಗುರವಾದ ಹಿನ್ನೆಲೆಗಳಿಗೆ ಉತ್ತಮವಾಗಿದೆ).
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಐಕಾನ್‌ಗಳಿಂದ ಹೊಸ SVGಗಳೊಂದಿಗೆ ಏರಿಳಿಕೆ ನಿಯಂತ್ರಣಗಳಿಗಾಗಿ ಚೆವ್ರಾನ್ ಐಕಾನ್‌ಗಳನ್ನು ಬದಲಾಯಿಸಲಾಗಿದೆ .

ಮುಚ್ಚು ಬಟನ್

ಬ್ರೇಕಿಂಗ್ಕಡಿಮೆ ಸಾಮಾನ್ಯ ಹೆಸರಿಗೆ ಮರುಹೆಸರಿಸಲಾಗಿದೆ .close..btn-close
ಮುಚ್ಚು ಬಟನ್‌ಗಳು ಈಗ HTML ನಲ್ಲಿನ background-imageಬದಲಿಗೆ (ಎಂಬೆಡೆಡ್ SVG) ಅನ್ನು ಬಳಸುತ್ತವೆ ×, ನಿಮ್ಮ ಮಾರ್ಕ್‌ಅಪ್ ಅನ್ನು ಸ್ಪರ್ಶಿಸುವ ಅಗತ್ಯವಿಲ್ಲದೇ ಸುಲಭವಾಗಿ ಗ್ರಾಹಕೀಕರಣವನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
ಗಾಢವಾದ ಹಿನ್ನೆಲೆಗಳ ವಿರುದ್ಧ ಹೆಚ್ಚಿನ ಕಾಂಟ್ರಾಸ್ಟ್ ವಜಾಗೊಳಿಸುವ ಐಕಾನ್‌ಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಲು .btn-close-whiteಬಳಸುವ ಹೊಸ ರೂಪಾಂತರವನ್ನು ಸೇರಿಸಲಾಗಿದೆ .filter: invert(1)

ಕುಗ್ಗಿಸು

ಅಕಾರ್ಡಿಯನ್‌ಗಳಿಗಾಗಿ ಸ್ಕ್ರಾಲ್ ಆಂಕರ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗಿದೆ.

ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು

ಆನ್-ಡಿಮಾಂಡ್ ಡಾರ್ಕ್ ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳಿಗಾಗಿ ಹೊಸ .dropdown-menu-darkರೂಪಾಂತರ ಮತ್ತು ಸಂಬಂಧಿತ ವೇರಿಯಬಲ್‌ಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ.
ಗಾಗಿ ಹೊಸ ವೇರಿಯೇಬಲ್ ಅನ್ನು ಸೇರಿಸಲಾಗಿದೆ $dropdown-padding-x.
ಸುಧಾರಿತ ಕಾಂಟ್ರಾಸ್ಟ್‌ಗಾಗಿ ಡ್ರಾಪ್‌ಡೌನ್ ವಿಭಾಜಕವನ್ನು ಡಾರ್ಕ್ ಮಾಡಲಾಗಿದೆ.
ಬ್ರೇಕಿಂಗ್ಡ್ರಾಪ್‌ಡೌನ್‌ಗಾಗಿ ಎಲ್ಲಾ ಈವೆಂಟ್‌ಗಳನ್ನು ಈಗ ಡ್ರಾಪ್‌ಡೌನ್ ಟಾಗಲ್ ಬಟನ್‌ನಲ್ಲಿ ಪ್ರಚೋದಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ನಂತರ ಮೂಲ ಅಂಶಕ್ಕೆ ಬಬಲ್ ಮಾಡಲಾಗುತ್ತದೆ.
ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುಗಳು ಈಗ ಡ್ರಾಪ್‌ಡೌನ್‌ನ data-bs-popper="static"ಸ್ಥಾನೀಕರಣವು ಸ್ಥಿರವಾಗಿರುವಾಗ ಮತ್ತು data-bs-popper="none"ಡ್ರಾಪ್‌ಡೌನ್ ನ್ಯಾವ್‌ಬಾರ್‌ನಲ್ಲಿರುವಾಗ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ಇದನ್ನು ನಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಿಂದ ಸೇರಿಸಲಾಗಿದೆ ಮತ್ತು ಪಾಪ್ಪರ್‌ನ ಸ್ಥಾನೀಕರಣದೊಂದಿಗೆ ಮಧ್ಯಪ್ರವೇಶಿಸದೆ ಕಸ್ಟಮ್ ಸ್ಥಾನ ಶೈಲಿಗಳನ್ನು ಬಳಸಲು ನಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಬ್ರೇಕಿಂಗ್flipಸ್ಥಳೀಯ ಪಾಪ್ಪರ್ ಕಾನ್ಫಿಗರೇಶನ್ ಪರವಾಗಿ ಡ್ರಾಪ್‌ಡೌನ್ ಪ್ಲಗಿನ್‌ಗಾಗಿ ಆಯ್ಕೆಯನ್ನು ಕೈಬಿಡಲಾಗಿದೆ . ಫ್ಲಿಪ್ ಮಾಡಿಫೈಯರ್‌ನಲ್ಲಿ fallbackPlacementsಆಯ್ಕೆಗಾಗಿ ಖಾಲಿ ಅರೇ ಅನ್ನು ಹಾದುಹೋಗುವ ಮೂಲಕ ನೀವು ಈಗ ಫ್ಲಿಪ್ಪಿಂಗ್ ನಡವಳಿಕೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಬಹುದು .
ಸ್ವಯಂ ಕ್ಲೋಸ್ ನಡವಳಿಕೆಯನ್ನುautoClose ನಿರ್ವಹಿಸಲು ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುಗಳನ್ನು ಈಗ ಹೊಸ ಆಯ್ಕೆಯೊಂದಿಗೆ ಕ್ಲಿಕ್ ಮಾಡಬಹುದು . ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುವನ್ನು ಸಂವಾದಾತ್ಮಕವಾಗಿಸಲು ಒಳಗೆ ಅಥವಾ ಹೊರಗೆ ಕ್ಲಿಕ್ ಅನ್ನು ಸ್ವೀಕರಿಸಲು ನೀವು ಈ ಆಯ್ಕೆಯನ್ನು ಬಳಸಬಹುದು.
ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು ಈಗ .dropdown-items ನಲ್ಲಿ ಸುತ್ತುವ <li>s ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ.

ಜಂಬೊಟ್ರಾನ್

ಬ್ರೇಕಿಂಗ್ಜಂಬೊಟ್ರಾನ್ ಘಟಕವನ್ನು ಕೈಬಿಡಲಾಗಿದೆ ಏಕೆಂದರೆ ಅದನ್ನು ಉಪಯುಕ್ತತೆಗಳೊಂದಿಗೆ ಪುನರಾವರ್ತಿಸಬಹುದು. ಡೆಮೊಗಾಗಿ ನಮ್ಮ ಹೊಸ ಜಂಬೊಟ್ರಾನ್ ಉದಾಹರಣೆಯನ್ನು ನೋಡಿ.

ಪಟ್ಟಿ ಗುಂಪು

ಪಟ್ಟಿ ಗುಂಪುಗಳಿಗೆ ಹೊಸ .list-group-numberedಪರಿವರ್ತಕವನ್ನು ಸೇರಿಸಲಾಗಿದೆ.

ನವ್ಸ್ ಮತ್ತು ಟ್ಯಾಬ್‌ಗಳು

, , , ಮತ್ತು ವರ್ಗಕ್ಕೆ ಹೊಸ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ null.font-sizefont-weightcolor:hover color.nav-link

ನವಬಾರ್ಸ್

ಬ್ರೇಕಿಂಗ್Navbars ಈಗ ಒಳಗೆ ಕಂಟೇನರ್ ಅಗತ್ಯವಿದೆ (ಅಂತರ ಅಗತ್ಯತೆಗಳು ಮತ್ತು CSS ಅಗತ್ಯವಿದೆ ತೀವ್ರವಾಗಿ ಸರಳಗೊಳಿಸಲು).

ಆಫ್ಕ್ಯಾನ್ವಾಸ್

ಹೊಸ ಆಫ್‌ಕ್ಯಾನ್ವಾಸ್ ಘಟಕವನ್ನು ಸೇರಿಸಲಾಗಿದೆ .

ಪುಟ ವಿನ್ಯಾಸ

ವಿನ್ಯಾಸದ ಲಿಂಕ್‌ಗಳು ಈಗ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದವುಗಳನ್ನು margin-leftಹೊಂದಿದ್ದು, ಅವು ಒಂದರಿಂದ ಇನ್ನೊಂದನ್ನು ಬೇರ್ಪಡಿಸಿದಾಗ ಎಲ್ಲಾ ಮೂಲೆಗಳಲ್ಲಿ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ದುಂಡಾಗಿರುತ್ತದೆ.
transitionಪುಟದ ಲಿಂಕ್‌ಗಳಿಗೆ s ಅನ್ನು ಸೇರಿಸಲಾಗಿದೆ .

ಪಾಪೋವರ್ಸ್

ಬ್ರೇಕಿಂಗ್ನಮ್ಮ ಡೀಫಾಲ್ಟ್ ಪಾಪೋವರ್ ಟೆಂಪ್ಲೇಟ್‌ನಲ್ಲಿ ಮರುಹೆಸರಿಸಲಾಗಿದೆ .arrow..popover-arrow
whiteListಗೆ ಆಯ್ಕೆಯನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ allowList.

ಸ್ಪಿನ್ನರ್ಗಳು

ಸ್ಪಿನ್ನರ್‌ಗಳು ಈಗ prefers-reduced-motion: reduceಅನಿಮೇಷನ್‌ಗಳನ್ನು ನಿಧಾನಗೊಳಿಸುವ ಮೂಲಕ ಗೌರವಿಸುತ್ತಾರೆ. #31882 ನೋಡಿ .
ಸುಧಾರಿತ ಸ್ಪಿನ್ನರ್ ಲಂಬ ಜೋಡಣೆ.

ಟೋಸ್ಟ್ಸ್

ಟೋಸ್ಟ್‌ಗಳನ್ನು ಈಗ ಸ್ಥಾನಿಕ ಉಪಯುಕ್ತತೆಗಳ.toast-container ಸಹಾಯದಿಂದ a ನಲ್ಲಿ ಇರಿಸಬಹುದು .
ಡೀಫಾಲ್ಟ್ ಟೋಸ್ಟ್ ಅವಧಿಯನ್ನು 5 ಸೆಕೆಂಡುಗಳಿಗೆ ಬದಲಾಯಿಸಲಾಗಿದೆ.
ಟೋಸ್ಟ್‌ಗಳಿಂದ ತೆಗೆದುಹಾಕಲಾಗಿದೆ ಮತ್ತು ಕಾರ್ಯಗಳೊಂದಿಗೆ overflow: hiddenಸರಿಯಾದ border-radiuss ನೊಂದಿಗೆ ಬದಲಾಯಿಸಲಾಗಿದೆ.calc()

ಸಾಧನಸಲಹೆಗಳು

ಬ್ರೇಕಿಂಗ್ನಮ್ಮ ಡೀಫಾಲ್ಟ್ ಟೂಲ್‌ಟಿಪ್ ಟೆಂಪ್ಲೇಟ್‌ನಲ್ಲಿ ಮರುಹೆಸರಿಸಲಾಗಿದೆ .arrow..tooltip-arrow
ಬ್ರೇಕಿಂಗ್ಪಾಪ್ಪರ್ ಅಂಶಗಳ ಉತ್ತಮ ನಿಯೋಜನೆಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯವನ್ನು fallbackPlacementsಬದಲಾಯಿಸಲಾಗಿದೆ .['top', 'right', 'bottom', 'left']
ಬ್ರೇಕಿಂಗ್whiteListಗೆ ಆಯ್ಕೆಯನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ allowList.

ಉಪಯುಕ್ತತೆಗಳು

ಬ್ರೇಕಿಂಗ್RTL ಬೆಂಬಲವನ್ನು ಸೇರಿಸುವುದರೊಂದಿಗೆ ದಿಕ್ಕಿನ ಹೆಸರುಗಳ ಬದಲಿಗೆ ತಾರ್ಕಿಕ ಆಸ್ತಿ ಹೆಸರುಗಳನ್ನು ಬಳಸಲು ಹಲವಾರು ಉಪಯುಕ್ತತೆಗಳನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ:
- ಮರುಹೆಸರಿಸಲಾಗಿದೆ .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.
ಬ್ರೇಕಿಂಗ್ಡಿಫಾಲ್ಟ್ ಆಗಿ ಋಣಾತ್ಮಕ ಅಂಚುಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ.
ಹೆಚ್ಚುವರಿ ಅಂಶಗಳಿಗೆ ಹಿನ್ನೆಲೆಯನ್ನು .bg-bodyತ್ವರಿತವಾಗಿ ಹೊಂದಿಸಲು ಹೊಸ ವರ್ಗವನ್ನು ಸೇರಿಸಲಾಗಿದೆ .<body>
, , ಮತ್ತು ಗಾಗಿ ಹೊಸ ಸ್ಥಾನದ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ . ಮೌಲ್ಯಗಳು , ಮತ್ತು ಪ್ರತಿ ಆಸ್ತಿಗೆ ಸೇರಿವೆ.toprightbottomleft050%100%
ಹೊಸ .translate-middle-xಮತ್ತು .translate-middle-yಉಪಯುಕ್ತತೆಗಳನ್ನು ಅಡ್ಡಲಾಗಿ ಅಥವಾ ಲಂಬವಾಗಿ ಕೇಂದ್ರ ಸಂಪೂರ್ಣ/ಸ್ಥಿರ ಸ್ಥಾನದ ಅಂಶಗಳಿಗೆ ಸೇರಿಸಲಾಗಿದೆ.
ಹೊಸ border-widthಉಪಯುಕ್ತತೆಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ .
ಬ್ರೇಕಿಂಗ್ಎಂದು ಮರುನಾಮಕರಣ .text-monospaceಮಾಡಲಾಗಿದೆ .font-monospace.
ಬ್ರೇಕಿಂಗ್ಪಠ್ಯವನ್ನು ಮರೆಮಾಡಲು ಇದು ಪುರಾತನ ವಿಧಾನವಾಗಿರುವುದರಿಂದ ತೆಗೆದುಹಾಕಲಾಗಿದೆ .text-hide, ಅದನ್ನು ಇನ್ನು ಮುಂದೆ ಬಳಸಬಾರದು.
.fs-*ಉಪಯುಕ್ತತೆಗಳಿಗಾಗಿ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ font-size(RFS ಸಕ್ರಿಯಗೊಳಿಸುವಿಕೆಯೊಂದಿಗೆ). ಇವುಗಳು HTML ನ ಡೀಫಾಲ್ಟ್ ಶಿರೋನಾಮೆಗಳಂತೆಯೇ ಅದೇ ಪ್ರಮಾಣವನ್ನು ಬಳಸುತ್ತವೆ (1-6, ದೊಡ್ಡದರಿಂದ ಚಿಕ್ಕದಕ್ಕೆ), ಮತ್ತು ಸಾಸ್ ನಕ್ಷೆಯ ಮೂಲಕ ಮಾರ್ಪಡಿಸಬಹುದು.
ಬ್ರೇಕಿಂಗ್ಸಂಕ್ಷಿಪ್ತತೆ ಮತ್ತು ಸ್ಥಿರತೆಗಾಗಿ ಮರುಹೆಸರಿಸಿದ .font-weight-*ಉಪಯುಕ್ತತೆಗಳು ..fw-*
ಬ್ರೇಕಿಂಗ್ಸಂಕ್ಷಿಪ್ತತೆ ಮತ್ತು ಸ್ಥಿರತೆಗಾಗಿ ಮರುಹೆಸರಿಸಿದ .font-style-*ಉಪಯುಕ್ತತೆಗಳು ..fst-*
CSS ಗ್ರಿಡ್ ಮತ್ತು ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್ ಲೇಔಟ್‌ಗಳಿಗಾಗಿ .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ಇತರ ಡಿಸ್ಪ್ಲೇ ಉಪಯುಕ್ತತೆಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ತೂಕವನ್ನು ನೀಡಲು ನಮ್ಮ CSS ನಲ್ಲಿ ಉಪಯುಕ್ತತೆಯನ್ನು ಸರಿಸಲಾಗಿದೆ .
.visually-hidden-focusableಬಳಸಿಕೊಂಡು ಕಂಟೇನರ್‌ಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಲು ಸಹಾಯಕವನ್ನು ವಿಸ್ತರಿಸಲಾಗಿದೆ :focus-within.

ಸಹಾಯಕರು

ಬ್ರೇಕಿಂಗ್ ರೆಸ್ಪಾನ್ಸಿವ್ ಎಂಬೆಡ್ ಸಹಾಯಕರನ್ನು ಹೊಸ ವರ್ಗದ ಹೆಸರುಗಳು ಮತ್ತು ಸುಧಾರಿತ ನಡವಳಿಕೆಗಳೊಂದಿಗೆ ಅನುಪಾತ ಸಹಾಯಕರು ಎಂದು ಮರುಹೆಸರಿಸಲಾಗಿದೆ , ಜೊತೆಗೆ ಸಹಾಯಕವಾದ CSS ವೇರಿಯಬಲ್.
- ಆಕಾರ ಅನುಪಾತಕ್ಕೆ ಬದಲಾಯಿಸಲು ತರಗತಿಗಳನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ by. xಉದಾಹರಣೆಗೆ, .ratio-16by9ಈಗ .ratio-16x9.
- .embed-responsive-itemಸರಳವಾದ ಸೆಲೆಕ್ಟರ್ ಪರವಾಗಿ ನಾವು ಮತ್ತು ಎಲಿಮೆಂಟ್ ಗ್ರೂಪ್ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಕೈಬಿಟ್ಟಿದ್ದೇವೆ .ratio > *. ಹೆಚ್ಚಿನ ವರ್ಗದ ಅಗತ್ಯವಿಲ್ಲ, ಮತ್ತು ಅನುಪಾತ ಸಹಾಯಕವು ಈಗ ಯಾವುದೇ HTML ಅಂಶದೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.
- $embed-responsive-aspect-ratiosಸಾಸ್ ನಕ್ಷೆಯನ್ನು ಮರುಹೆಸರಿಸಲಾಗಿದೆ ಮತ್ತು ವರ್ಗದ $aspect-ratiosಹೆಸರು ಮತ್ತು ಶೇಕಡಾವಾರು key: valueಜೋಡಿಯಾಗಿ ಸೇರಿಸಲು ಅದರ ಮೌಲ್ಯಗಳನ್ನು ಸರಳೀಕರಿಸಲಾಗಿದೆ.
- CSS ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಈಗ ರಚಿಸಲಾಗಿದೆ ಮತ್ತು ಸಾಸ್ ಮ್ಯಾಪ್‌ನಲ್ಲಿನ ಪ್ರತಿ ಮೌಲ್ಯಕ್ಕೆ ಸೇರಿಸಲಾಗಿದೆ. ಯಾವುದೇ ಕಸ್ಟಮ್ ಆಕಾರ ಅನುಪಾತವನ್ನು ರಚಿಸಲು --bs-aspect-ratioವೇರಿಯೇಬಲ್ ಅನ್ನು ಮಾರ್ಪಡಿಸಿ ..ratio
ಬ್ರೇಕಿಂಗ್ “ಸ್ಕ್ರೀನ್ ರೀಡರ್” ತರಗತಿಗಳು ಈಗ “ದೃಶ್ಯವಾಗಿ ಮರೆಮಾಡಿದ” ತರಗತಿಗಳಾಗಿವೆ .
- ನಿಂದ Sass ಫೈಲ್ ಅನ್ನು 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ಈಗ ನಮ್ಮ ಸಹಾಯಕರನ್ನು ಸಹ ಒಳಗೊಂಡಿದೆ. ಇನ್ನು ಮುಂದೆ ಕಸ್ಟಮ್ ಬಿಲ್ಡ್‌ಗಳಲ್ಲಿ ಸಹಾಯಕರನ್ನು ಆಮದು ಮಾಡಿಕೊಳ್ಳುವ ಅಗತ್ಯವಿಲ್ಲ.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್

jQuery ಅವಲಂಬನೆಯನ್ನು ಕೈಬಿಡಲಾಗಿದೆ ಮತ್ತು ಸಾಮಾನ್ಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಪುನಃ ಬರೆಯಲಾಗಿದೆ.
ಬ್ರೇಕಿಂಗ್ಎಲ್ಲಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ಲಗಿನ್‌ಗಳಿಗೆ ಡೇಟಾ ಗುಣಲಕ್ಷಣಗಳು ಈಗ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಕಾರ್ಯವನ್ನು ಮೂರನೇ ವ್ಯಕ್ತಿಗಳಿಂದ ಮತ್ತು ನಿಮ್ಮ ಸ್ವಂತ ಕೋಡ್‌ನಿಂದ ಪ್ರತ್ಯೇಕಿಸಲು ಸಹಾಯ ಮಾಡಲು ನೇಮ್ಸ್ಪೇಸ್ ಮಾಡಲಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ನಾವು data-bs-toggleಬದಲಿಗೆ ಬಳಸುತ್ತೇವೆ data-toggle.
ಎಲ್ಲಾ ಪ್ಲಗಿನ್‌ಗಳು ಈಗ CSS ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಮೊದಲ ಆರ್ಗ್ಯುಮೆಂಟ್ ಆಗಿ ಸ್ವೀಕರಿಸಬಹುದು. ಪ್ಲಗಿನ್‌ನ ಹೊಸ ನಿದರ್ಶನವನ್ನು ರಚಿಸಲು ನೀವು DOM ಅಂಶ ಅಥವಾ ಯಾವುದೇ ಮಾನ್ಯ CSS ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ರವಾನಿಸಬಹುದು:
```
var modal = new bootstrap.Modal('#myModal')
var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]')
```
popperConfigಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಡೀಫಾಲ್ಟ್ ಪಾಪ್ಪರ್ ಸಂರಚನೆಯನ್ನು ಆರ್ಗ್ಯುಮೆಂಟ್ ಆಗಿ ಸ್ವೀಕರಿಸುವ ಕಾರ್ಯವಾಗಿ ರವಾನಿಸಬಹುದು, ಇದರಿಂದ ನೀವು ಈ ಡೀಫಾಲ್ಟ್ ಕಾನ್ಫಿಗರೇಶನ್ ಅನ್ನು ನಿಮ್ಮ ರೀತಿಯಲ್ಲಿ ವಿಲೀನಗೊಳಿಸಬಹುದು. ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು, ಪಾಪೋವರ್‌ಗಳು ಮತ್ತು ಟೂಲ್‌ಟಿಪ್‌ಗಳಿಗೆ ಅನ್ವಯಿಸುತ್ತದೆ.
ಪಾಪ್ಪರ್ ಅಂಶಗಳ ಉತ್ತಮ ನಿಯೋಜನೆಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯವನ್ನು fallbackPlacementsಬದಲಾಯಿಸಲಾಗಿದೆ . ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು, ಪಾಪೋವರ್‌ಗಳು ಮತ್ತು ಟೂಲ್‌ಟಿಪ್‌ಗಳಿಗೆ ಅನ್ವಯಿಸುತ್ತದೆ.['top', 'right', 'bottom', 'left']
_getInstance()→ ನಂತಹ ಸಾರ್ವಜನಿಕ ಸ್ಥಿರ ವಿಧಾನಗಳಿಂದ ಅಂಡರ್‌ಸ್ಕೋರ್ ಅನ್ನು ತೆಗೆದುಹಾಕಲಾಗಿದೆ getInstance().