v5 ਵਿੱਚ ਮਾਈਗਰੇਟ ਕਰਨਾ
ਬੂਟਸਟਰੈਪ ਸਰੋਤ ਫਾਈਲਾਂ, ਦਸਤਾਵੇਜ਼ਾਂ ਅਤੇ ਭਾਗਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਨੂੰ ਟ੍ਰੈਕ ਕਰੋ ਅਤੇ ਸਮੀਖਿਆ ਕਰੋ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ v4 ਤੋਂ v5 ਵਿੱਚ ਮਾਈਗਰੇਟ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕੀਤੀ ਜਾ ਸਕੇ।
ਨਿਰਭਰਤਾਵਾਂ
- jQuery ਨੂੰ ਛੱਡ ਦਿੱਤਾ।
- Popper v1.x ਤੋਂ Popper v2.x ਤੱਕ ਅੱਪਗਰੇਡ ਕੀਤਾ ਗਿਆ।
- Libsass ਨੂੰ Dart Sass ਨਾਲ ਬਦਲਿਆ ਗਿਆ ਕਿਉਂਕਿ ਸਾਡੇ Sass ਕੰਪਾਈਲਰ ਦਿੱਤੇ ਗਏ Libsass ਨੂੰ ਬਰਤਰਫ਼ ਕੀਤਾ ਗਿਆ ਸੀ।
- ਸਾਡੇ ਦਸਤਾਵੇਜ਼ ਬਣਾਉਣ ਲਈ ਜੇਕੀਲ ਤੋਂ ਹਿਊਗੋ ਤੱਕ ਪਰਵਾਸ ਕੀਤਾ
ਬਰਾਊਜ਼ਰ ਸਹਿਯੋਗ
- ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 10 ਅਤੇ 11 ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਗਿਆ
- ਛੱਡਿਆ Microsoft Edge <16 (ਪੁਰਾਤਨ ਕਿਨਾਰਾ)
- ਫਾਇਰਫਾਕਸ <60 ਛੱਡਿਆ ਗਿਆ
- ਸਫਾਰੀ <12 ਛੱਡੀ ਗਈ
- ਛੱਡਿਆ ਗਿਆ iOS Safari <12
- ਡ੍ਰੌਪ ਕਰੋਮ <60
ਦਸਤਾਵੇਜ਼ੀ ਤਬਦੀਲੀਆਂ
- ਮੁੜ-ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਹੋਮਪੇਜ, ਡੌਕਸ ਲੇਆਉਟ, ਅਤੇ ਫੁੱਟਰ।
- ਨਵੀਂ ਪਾਰਸਲ ਗਾਈਡ ਸ਼ਾਮਲ ਕੀਤੀ ਗਈ ।
- Sass 'ਤੇ ਨਵੇਂ ਵੇਰਵਿਆਂ, ਗਲੋਬਲ ਕੌਂਫਿਗਰੇਸ਼ਨ ਵਿਕਲਪਾਂ, ਰੰਗ ਸਕੀਮਾਂ, CSS ਵੇਰੀਏਬਲ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਦੇ ਨਾਲ, v4 ਦੇ ਥੀਮਿੰਗ ਪੰਨੇ ਨੂੰ ਬਦਲ ਕੇ, ਨਵਾਂ ਕਸਟਮਾਈਜ਼ ਸੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ।
- ਸਾਰੇ ਫਾਰਮ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਨਵੇਂ ਫਾਰਮ ਸੈਕਸ਼ਨ ਵਿੱਚ ਪੁਨਰਗਠਿਤ ਕੀਤਾ ਗਿਆ , ਸਮੱਗਰੀ ਨੂੰ ਹੋਰ ਫੋਕਸ ਕੀਤੇ ਪੰਨਿਆਂ ਵਿੱਚ ਵੰਡਿਆ ਗਿਆ।
- ਇਸੇ ਤਰ੍ਹਾਂ, ਗਰਿੱਡ ਸਮਗਰੀ ਨੂੰ ਹੋਰ ਸਪਸ਼ਟ ਰੂਪ ਵਿੱਚ ਬਾਹਰ ਕੱਢਣ ਲਈ, ਖਾਕਾ ਸੈਕਸ਼ਨ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ ਗਿਆ ਹੈ।
- "Navs" ਕੰਪੋਨੈਂਟ ਪੇਜ ਦਾ ਨਾਮ ਬਦਲ ਕੇ "Navs ਅਤੇ ਟੈਬਸ" ਰੱਖਿਆ ਗਿਆ ਹੈ।
- "ਚੈੱਕਸ" ਪੰਨੇ ਦਾ ਨਾਮ ਬਦਲ ਕੇ "ਚੈੱਕ ਅਤੇ ਰੇਡੀਓ" ਰੱਖਿਆ ਗਿਆ ਹੈ।
- ਸਾਡੀਆਂ ਸਾਈਟਾਂ ਅਤੇ ਡੌਕਸ ਸੰਸਕਰਣਾਂ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਜਾਣ ਨੂੰ ਆਸਾਨ ਬਣਾਉਣ ਲਈ ਨੇਵਬਾਰ ਨੂੰ ਮੁੜ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਅਤੇ ਇੱਕ ਨਵਾਂ ਸਬਨੈਵ ਸ਼ਾਮਲ ਕੀਤਾ।
- ਖੋਜ ਖੇਤਰ ਲਈ ਨਵਾਂ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਜੋੜਿਆ ਗਿਆ: Ctrl + /.
ਸੱਸ
-
ਬੇਲੋੜੇ ਮੁੱਲਾਂ ਨੂੰ ਹਟਾਉਣਾ ਆਸਾਨ ਬਣਾਉਣ ਲਈ ਅਸੀਂ ਡਿਫੌਲਟ Sass ਮੈਪ ਮਰਜ ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਹੈ। ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਤੁਹਾਨੂੰ ਹੁਣ Sass ਨਕਸ਼ਿਆਂ ਵਿੱਚ ਸਾਰੇ ਮੁੱਲਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ ਹੋਵੇਗਾ ਜਿਵੇਂ ਕਿ
$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()
, ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਛੱਡਿਆ ਗਿਆ। ਵੇਖੋ #29083 .gray()
-
ਤੋੜਨਾ
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-shadow
mixins ਹੁਣ ਮੁੱਲਾਂ ਨੂੰ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ ਅਤੇ ਮਲਟੀਪਲ ਆਰਗੂਮੈਂਟਾਂ ਤੋਂnull
ਡਰਾਪ ਕਰਦੇ ਹਨ। ਵੇਖੋ #30394 .none
-
ਮਿਕਸਿਨ ਦਾ
border-radius()
ਹੁਣ ਇੱਕ ਮੂਲ ਮੁੱਲ ਹੈ।
ਰੰਗ ਸਿਸਟਮ
-
ਰੰਗ ਪ੍ਰਣਾਲੀ ਜਿਸ ਨਾਲ ਕੰਮ ਕੀਤਾ ਗਿਆ ਸੀ
color-level()
ਅਤੇ$theme-color-interval
ਇੱਕ ਨਵੀਂ ਰੰਗ ਪ੍ਰਣਾਲੀ ਦੇ ਹੱਕ ਵਿੱਚ ਹਟਾ ਦਿੱਤਾ ਗਿਆ ਸੀ। ਸਾਡੇ ਕੋਡਬੇਸ ਵਿੱਚ ਸਾਰੇlighten()
ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਅਤੇ ਦੁਆਰਾ ਬਦਲਿਆ ਗਿਆ ਹੈ । ਇਹ ਫੰਕਸ਼ਨ ਇੱਕ ਨਿਸ਼ਚਿਤ ਮਾਤਰਾ ਦੁਆਰਾ ਇਸਦੀ ਹਲਕੀਤਾ ਨੂੰ ਬਦਲਣ ਦੀ ਬਜਾਏ ਰੰਗ ਨੂੰ ਚਿੱਟੇ ਜਾਂ ਕਾਲੇ ਨਾਲ ਮਿਲਾਉਣਗੇ। ਇਹ ਇਸ ਗੱਲ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਕਿ ਕੀ ਇਸਦਾ ਭਾਰ ਪੈਰਾਮੀਟਰ ਸਕਾਰਾਤਮਕ ਹੈ ਜਾਂ ਨਕਾਰਾਤਮਕ ਹੈ, ਰੰਗ ਨੂੰ ਰੰਗਤ ਜਾਂ ਰੰਗਤ ਕਰੇਗਾ। ਹੋਰ ਵੇਰਵਿਆਂ ਲਈ #30622 ਦੇਖੋ ।darken()
tint-color()
shade-color()
shift-color()
-
ਨਵੇਂ Sass ਵੇਰੀਏਬਲ ਦੇ ਰੂਪ ਵਿੱਚ, ਹਰੇਕ ਬੇਸ ਕਲਰ ਲਈ ਨੌਂ ਵੱਖਰੇ ਰੰਗ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹੋਏ, ਹਰ ਰੰਗ ਲਈ ਨਵੇਂ ਟਿੰਟ ਅਤੇ ਸ਼ੇਡ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ।
-
ਸੁਧਾਰਿਆ ਰੰਗ ਵਿਪਰੀਤ. ਡਬਲਯੂ.ਸੀ.ਏ.ਜੀ. 2.1 ਏਏ ਕੰਟ੍ਰਾਸਟ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ 3:1 ਤੋਂ 4.5:1 ਤੱਕ ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਅਤੇ ਨੀਲੇ, ਹਰੇ, ਸਿਆਨ ਅਤੇ ਗੁਲਾਬੀ ਰੰਗਾਂ ਨੂੰ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ। ਨਾਲ ਹੀ ਸਾਡੇ ਰੰਗ ਦੇ ਕੰਟ੍ਰਾਸਟ ਰੰਗ ਨੂੰ ਤੋਂ ਵਿੱਚ ਬਦਲ
$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.css
box-sizing: border-box
ਹੁਣ ਗਲੋਬਲ ਬਾਕਸ-ਸਾਈਜ਼ਿੰਗ ਨੂੰ ਰੀਸੈਟ ਕਰਨ ਦੀ ਬਜਾਏ ਸਿਰਫ ਕਾਲਮ 'ਤੇ ਲਾਗੂ ਹੁੰਦਾ ਹੈ। ਇਸ ਤਰ੍ਹਾਂ, ਸਾਡੀਆਂ ਗਰਿੱਡ ਸ਼ੈਲੀਆਂ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਦਖਲ ਦੇ ਹੋਰ ਥਾਵਾਂ 'ਤੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। -
$enable-grid-classes
ਹੁਣ ਕੰਟੇਨਰ ਕਲਾਸਾਂ ਦੀ ਪੀੜ੍ਹੀ ਨੂੰ ਅਯੋਗ ਨਹੀਂ ਕਰਦਾ ਹੈ। #29146 ਦੇਖੋ। -
make-col
ਮਿਕਸਿਨ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਨਿਰਧਾਰਤ ਆਕਾਰ ਦੇ ਬਰਾਬਰ ਕਾਲਮਾਂ ਲਈ ਡਿਫੌਲਟ ਵਿੱਚ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ ।
ਸਮੱਗਰੀ, ਰੀਬੂਟ, ਆਦਿ
-
RFS ਹੁਣ ਮੂਲ ਰੂਪ ਵਿੱਚ ਯੋਗ ਹੈ। ਮਿਕਸਿਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਿਰਲੇਖਵਿਊਪੋਰਟ ਦੇ ਨਾਲ ਆਪਣੇ ਆਪ ਹੀ ਉਹਨਾਂ ਦੇ ਸਕੇਲ ਨੂੰ
font-size()
ਵਿਵਸਥਿਤ ਕਰਨਗੇਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪਹਿਲਾਂ v4 ਨਾਲ ਚੁਣੀ ਗਈ ਸੀ।font-size
-
ਤੋੜਨਾ
$display-*
ਸਾਡੇ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਬਦਲਣ ਲਈ ਅਤੇ$display-font-sizes
Sass ਨਕਸ਼ੇ ਨਾਲ ਸਾਡੀ ਡਿਸਪਲੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਓਵਰਹਾਲ ਕੀਤਾ ਗਿਆ। ਇੱਕ ਸਿੰਗਲ ਅਤੇ ਐਡਜਸਟਡ s$display-*-weight
ਲਈ ਵਿਅਕਤੀਗਤ ਵੇਰੀਏਬਲ ਵੀ ਹਟਾ ਦਿੱਤੇ ਗਏ ਹਨ ।$display-font-weight
font-size
-
ਦੋ ਨਵੇਂ
.display-*
ਸਿਰਲੇਖ ਆਕਾਰ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ,.display-5
ਅਤੇ.display-6
. -
ਲਿੰਕਾਂ ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਰੇਖਾਂਕਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ (ਸਿਰਫ਼ ਹੋਵਰ 'ਤੇ ਨਹੀਂ), ਜਦੋਂ ਤੱਕ ਉਹ ਖਾਸ ਭਾਗਾਂ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹੁੰਦੇ।
-
ਉਹਨਾਂ ਦੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਤਾਜ਼ਾ ਕਰਨ ਅਤੇ ਸਟਾਈਲਿੰਗ 'ਤੇ ਵਧੇਰੇ ਨਿਯੰਤਰਣ ਲਈ ਉਹਨਾਂ ਨੂੰ CSS ਵੇਰੀਏਬਲਾਂ ਨਾਲ ਮੁੜ-ਨਿਰਮਾਣ ਕਰਨ ਲਈ ਟੇਬਲਾਂ ਨੂੰ ਮੁੜ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ।
-
ਤੋੜਨਾਨੇਸਟਡ ਟੇਬਲ ਹੁਣ ਸਟਾਈਲ ਦੇ ਵਾਰਸ ਨਹੀਂ ਹਨ।
-
ਤੋੜਨਾ
.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 -
ਤੋੜਨਾ
<hr>
ਤੱਤ ਹੁਣ ਗੁਣ ਨੂੰ ਬਿਹਤਰ ਸਮਰਥਨ ਦੇਣ ਦੀheight
ਬਜਾਏ ਵਰਤਦੇ ਹਨ। ਇਹ ਮੋਟੇ ਡਿਵਾਈਡਰ (ਉਦਾਹਰਨ ਲਈ, ) ਬਣਾਉਣ ਲਈ ਪੈਡਿੰਗ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਨੂੰ ਵੀ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ।border
size
<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/
ਇਨਪੁਟ ਗਰੁੱਪ ਸਟਾਈਲ ਸਮੇਤ, ਦੇ ਅਧੀਨ ਮੁੜ ਵਿਵਸਥਿਤ ਸਰੋਤ Sass ਫਾਈਲਾਂ ।
ਕੰਪੋਨੈਂਟਸ
- ਸਾਡੇ ਵੇਰੀਏਬਲ
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
CSS ਨੂੰ ਦੁਬਾਰਾ ਕੰਪਾਈਲ ਕਰਨ ਦੀ ਲੋੜ ਤੋਂ ਬਿਨਾਂ ਆਸਾਨ ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਲਈ ਨਵੀਂ 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
ਰੂਪ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ (ਹਲਕੇ ਬੈਕਗ੍ਰਾਊਂਡ ਲਈ ਵਧੀਆ)। -
ਬੂਟਸਟਰੈਪ ਆਈਕਨਾਂ ਤੋਂ ਨਵੇਂ SVGs ਨਾਲ ਕੈਰੋਜ਼ਲ ਨਿਯੰਤਰਣ ਲਈ ਸ਼ੈਵਰੋਨ ਆਈਕਨਾਂ ਨੂੰ ਬਦਲਿਆ ਗਿਆ ।
ਬੰਦ ਕਰੋ ਬਟਨ
-
ਤੋੜਨਾਇੱਕ ਘੱਟ ਆਮ ਨਾਮ ਲਈ ਨਾਮ ਬਦਲਿਆ
.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"
ਜਦੋਂ ਡ੍ਰੌਪਡਾਉਨ ਨਵਬਾਰ ਵਿੱਚ ਹੁੰਦਾ ਹੈ। ਇਹ ਸਾਡੀ JavaScript ਦੁਆਰਾ ਜੋੜਿਆ ਗਿਆ ਹੈ ਅਤੇ ਪੌਪਰ ਦੀ ਸਥਿਤੀ ਵਿੱਚ ਦਖਲ ਦਿੱਤੇ ਬਿਨਾਂ ਕਸਟਮ ਸਥਿਤੀ ਸ਼ੈਲੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਿੱਚ ਸਾਡੀ ਮਦਦ ਕਰਦਾ ਹੈ। -
ਤੋੜਨਾਮੂਲ ਪੌਪਰ ਕੌਂਫਿਗਰੇਸ਼ਨ ਦੇ ਪੱਖ ਵਿੱਚ ਡ੍ਰੌਪਡਾਉਨ ਪਲੱਗਇਨ ਲਈ ਡ੍ਰੌਪ
flip
ਵਿਕਲਪ। ਤੁਸੀਂ ਹੁਣ ਫਲਿੱਪ ਮੋਡੀਫਾਇਰfallbackPlacements
ਵਿੱਚ ਵਿਕਲਪ ਲਈ ਇੱਕ ਖਾਲੀ ਐਰੇ ਪਾਸ ਕਰਕੇ ਫਲਿੱਪਿੰਗ ਵਿਵਹਾਰ ਨੂੰ ਅਯੋਗ ਕਰ ਸਕਦੇ ਹੋ । -
ਡ੍ਰੌਪਡਾਉਨ ਮੀਨੂ ਹੁਣ ਆਟੋ ਕਲੋਜ਼ ਵਿਵਹਾਰ
autoClose
ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਇੱਕ ਨਵੇਂ ਵਿਕਲਪ ਨਾਲ ਕਲਿੱਕ ਕਰਨ ਯੋਗ ਹੋ ਸਕਦਾ ਹੈ । ਤੁਸੀਂ ਇਸ ਵਿਕਲਪ ਨੂੰ ਇੰਟਰਐਕਟਿਵ ਬਣਾਉਣ ਲਈ ਡਰਾਪਡਾਉਨ ਮੀਨੂ ਦੇ ਅੰਦਰ ਜਾਂ ਬਾਹਰ ਕਲਿੱਕ ਨੂੰ ਸਵੀਕਾਰ ਕਰਨ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ। -
ਡ੍ਰੌਪਡਾਉਨ ਹੁਣ
.dropdown-item
s ਵਿੱਚ ਲਪੇਟਿਆ s ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ<li>
।
ਜੰਬੋਟ੍ਰੋਨ
- ਤੋੜਨਾਜੰਬੋਟ੍ਰੋਨ ਕੰਪੋਨੈਂਟ ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਕਿਉਂਕਿ ਇਸਨੂੰ ਉਪਯੋਗਤਾਵਾਂ ਨਾਲ ਦੁਹਰਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਡੈਮੋ ਲਈ ਸਾਡੀ ਨਵੀਂ ਜੰਬੋਟ੍ਰੋਨ ਉਦਾਹਰਨ ਦੇਖੋ।
ਸੂਚੀ ਸਮੂਹ
- ਸੂਚੀ ਸਮੂਹਾਂ ਵਿੱਚ ਨਵਾਂ
.list-group-numbered
ਸੋਧਕ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ।
Navs ਅਤੇ ਟੈਬਾਂ
- , , , ਅਤੇ ਕਲਾਸ ਲਈ ਨਵੇਂ
null
ਵੇਰੀਏਬਲ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ।font-size
font-weight
color
:hover
color
.nav-link
ਨਵਬਾਰ
- ਤੋੜਨਾNavbars ਨੂੰ ਹੁਣ ਅੰਦਰ ਇੱਕ ਕੰਟੇਨਰ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ (ਸਪੇਸਿੰਗ ਲੋੜਾਂ ਅਤੇ CSS ਦੀ ਲੋੜ ਨੂੰ ਬਹੁਤ ਸਰਲ ਬਣਾਉਣ ਲਈ)।
ਆਫਕੈਨਵਸ
- ਨਵਾਂ ਆਫਕੈਨਵਸ ਕੰਪੋਨੈਂਟ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ।
ਪੰਨਾ ਨੰਬਰ
-
ਪੇਜਿਨੇਸ਼ਨ ਲਿੰਕਾਂ ਵਿੱਚ ਹੁਣ ਅਨੁਕੂਲਿਤ
margin-left
ਹੈ ਜੋ ਇੱਕ ਦੂਜੇ ਤੋਂ ਵੱਖ ਹੋਣ 'ਤੇ ਸਾਰੇ ਕੋਨਿਆਂ 'ਤੇ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਗੋਲ ਹੁੰਦੇ ਹਨ। -
transition
ਪੇਜਿਨੇਸ਼ਨ ਲਿੰਕਾਂ ਵਿੱਚ s ਜੋੜਿਆ ਗਿਆ ।
ਪੋਪੋਵਰਸ
-
ਤੋੜਨਾਸਾਡੇ ਪੂਰਵ-ਨਿਰਧਾਰਤ ਪੌਪਓਵਰ ਟੈਂਪਲੇਟ ਵਿੱਚ ਨਾਮ ਬਦਲਿਆ
.arrow
ਗਿਆ ।.popover-arrow
-
ਵਿਕਲਪ ਦਾ ਨਾਮ
whiteList
ਬਦਲ ਕੇallowList
.
ਸਪਿਨਰ
-
ਸਪਿਨਰ ਹੁਣ
prefers-reduced-motion: reduce
ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਹੌਲੀ ਕਰਕੇ ਸਨਮਾਨਿਤ ਕਰਦੇ ਹਨ। ਵੇਖੋ #31882 . -
ਸਪਿਨਰ ਵਰਟੀਕਲ ਅਲਾਈਨਮੈਂਟ ਵਿੱਚ ਸੁਧਾਰ ਕੀਤਾ ਗਿਆ ਹੈ।
ਟੋਸਟ
-
ਟੋਸਟਾਂ ਨੂੰ ਹੁਣ ਪੋਜੀਸ਼ਨਿੰਗ ਯੂਟਿਲਿਟੀਜ਼
.toast-container
ਦੀ ਮਦਦ ਨਾਲ ਏ ਵਿੱਚ ਰੱਖਿਆ ਜਾ ਸਕਦਾ ਹੈ । -
ਪੂਰਵ-ਨਿਰਧਾਰਤ ਟੋਸਟ ਮਿਆਦ ਨੂੰ 5 ਸਕਿੰਟਾਂ ਵਿੱਚ ਬਦਲਿਆ ਗਿਆ ਹੈ।
-
overflow: hidden
ਟੋਸਟ ਤੋਂ ਹਟਾਇਆ ਗਿਆ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਦੇ ਨਾਲ ਸਹੀborder-radius
s ਨਾਲ ਬਦਲਿਆ ਗਿਆ।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>
-
, , , ਅਤੇ ਲਈ ਨਵੀਂ ਸਥਿਤੀ ਉਪਯੋਗਤਾਵਾਂ ਸ਼ਾਮਲ ਕੀਤੀਆਂ ਗਈਆਂ । ਮੁੱਲਾਂ ਵਿੱਚ , , ਅਤੇ ਹਰੇਕ ਸੰਪਤੀ ਲਈ ਸ਼ਾਮਲ ਹਨ।
top
right
bottom
left
0
50%
100%
-
ਲੇਟਵੇਂ ਜਾਂ ਲੰਬਕਾਰੀ ਤੌਰ 'ਤੇ ਸੰਪੂਰਨ/ਸਥਿਰ ਸਥਿਤੀ ਵਾਲੇ ਤੱਤਾਂ ਲਈ ਨਵੀਂਆਂ
.translate-middle-x
ਅਤੇ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਜੋੜਿਆ ਗਿਆ।.translate-middle-y
-
ਨਵੀਆਂ
border-width
ਸਹੂਲਤਾਂ ਸ਼ਾਮਲ ਕੀਤੀਆਂ ਗਈਆਂ । -
ਤੋੜਨਾਦਾ ਨਾਮ ਬਦਲ ਕੇ ਰੱਖਿਆ
.text-monospace
ਗਿਆ.font-monospace
। -
ਤੋੜਨਾਹਟਾਇਆ
.text-hide
ਗਿਆ ਕਿਉਂਕਿ ਇਹ ਟੈਕਸਟ ਨੂੰ ਲੁਕਾਉਣ ਦਾ ਇੱਕ ਪੁਰਾਣਾ ਤਰੀਕਾ ਹੈ ਜਿਸਦੀ ਵਰਤੋਂ ਹੁਣ ਨਹੀਂ ਕੀਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ। -
.fs-*
ਉਪਯੋਗਤਾਵਾਂ ਲਈ ਉਪਯੋਗਤਾਵਾਂ ਜੋੜੀਆਂ ਗਈਆਂfont-size
(RFS ਸਮਰਥਿਤ ਨਾਲ)। ਇਹ HTML ਦੇ ਡਿਫੌਲਟ ਸਿਰਲੇਖਾਂ (1-6, ਵੱਡੇ ਤੋਂ ਛੋਟੇ) ਦੇ ਸਮਾਨ ਪੈਮਾਨੇ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ, ਅਤੇ Sass ਨਕਸ਼ੇ ਦੁਆਰਾ ਸੋਧਿਆ ਜਾ ਸਕਦਾ ਹੈ। -
ਤੋੜਨਾਸੰਖੇਪਤਾ ਅਤੇ ਇਕਸਾਰਤਾ ਲਈ
.font-weight-*
ਉਪਯੋਗਤਾਵਾਂ ਦਾ ਨਾਮ ਬਦਲਿਆ ਗਿਆ।.fw-*
-
ਤੋੜਨਾਸੰਖੇਪਤਾ ਅਤੇ ਇਕਸਾਰਤਾ ਲਈ
.font-style-*
ਉਪਯੋਗਤਾਵਾਂ ਦਾ ਨਾਮ ਬਦਲਿਆ ਗਿਆ।.fst-*
-
CSS ਗਰਿੱਡ ਅਤੇ flexbox ਲੇਆਉਟ ਲਈ
.d-grid
ਉਪਯੋਗਤਾਵਾਂ ਅਤੇ ਨਵੀਆਂgap
ਉਪਯੋਗਤਾਵਾਂ ( ) ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਜੋੜਿਆ ਗਿਆ।.gap
-
ਤੋੜਨਾਨੂੰ ਹਟਾਇਆ
.rounded-sm
ਅਤੇrounded-lg
, ਅਤੇ ਕਲਾਸਾਂ ਦਾ ਇੱਕ ਨਵਾਂ ਪੈਮਾਨਾ,.rounded-0
ਨੂੰ ਪੇਸ਼ ਕੀਤਾ.rounded-3
। ਵੇਖੋ #31687 . -
ਨਵੀਆਂ
line-height
ਸਹੂਲਤਾਂ ਸ਼ਾਮਲ ਕੀਤੀਆਂ:.lh-1
,.lh-sm
,.lh-base
ਅਤੇ.lh-lg
. ਇੱਥੇ ਵੇਖੋ . -
ਸਾਡੇ CSS ਵਿੱਚ
.d-none
ਉਪਯੋਗਤਾ ਨੂੰ ਦੂਜੀਆਂ ਡਿਸਪਲੇ ਉਪਯੋਗਤਾਵਾਂ ਦੇ ਮੁਕਾਬਲੇ ਜ਼ਿਆਦਾ ਭਾਰ ਦੇਣ ਲਈ ਤਬਦੀਲ ਕੀਤਾ ਗਿਆ ਹੈ। -
.visually-hidden-focusable
ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਕੰਟੇਨਰਾਂ 'ਤੇ ਵੀ ਕੰਮ ਕਰਨ ਲਈ ਸਹਾਇਕ ਨੂੰ ਵਧਾਇਆ:focus-within
।
ਮਦਦਗਾਰ
-
ਤੋੜਨਾ ਜਵਾਬਦੇਹ ਏਮਬੇਡ ਹੈਲਪਰਾਂ ਨੂੰ ਨਵੇਂ ਕਲਾਸ ਨਾਮਾਂ ਅਤੇ ਸੁਧਾਰੇ ਹੋਏ ਵਿਵਹਾਰਾਂ ਦੇ ਨਾਲ ਨਾਲ ਇੱਕ ਮਦਦਗਾਰ CSS ਵੇਰੀਏਬਲ ਦੇ ਨਾਲ ਅਨੁਪਾਤ ਸਹਾਇਕਾਂ ਦਾ ਨਾਮ ਦਿੱਤਾ ਗਿਆ ਹੈ।
- ਵਰਗਾਂ ਨੂੰ ਆਕਾਰ ਅਨੁਪਾਤ ਵਿੱਚ ਬਦਲਣ
by
ਲਈ ਨਾਮ ਦਿੱਤਾ ਗਿਆ ਹੈ।x
ਉਦਾਹਰਨ ਲਈ,.ratio-16by9
ਹੁਣ ਹੈ.ratio-16x9
. - ਅਸੀਂ
.embed-responsive-item
ਇੱਕ ਸਧਾਰਨ ਚੋਣਕਾਰ ਦੇ ਹੱਕ ਵਿੱਚ ਅਤੇ ਤੱਤ ਸਮੂਹ ਚੋਣਕਾਰ ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਹੈ.ratio > *
। ਕਿਸੇ ਹੋਰ ਕਲਾਸ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ, ਅਤੇ ਅਨੁਪਾਤ ਸਹਾਇਕ ਹੁਣ ਕਿਸੇ ਵੀ HTML ਤੱਤ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ। $embed-responsive-aspect-ratios
Sass ਨਕਸ਼ੇ ਦਾ ਨਾਮ ਬਦਲ ਦਿੱਤਾ ਗਿਆ ਹੈ ਅਤੇ$aspect-ratios
ਇਸ ਦੇ ਮੁੱਲਾਂ ਨੂੰ ਕਲਾਸ ਦੇ ਨਾਮ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰkey: value
ਜੋੜੀ ਵਜੋਂ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਸਰਲ ਬਣਾਇਆ ਗਿਆ ਹੈ।- CSS ਵੇਰੀਏਬਲ ਹੁਣ ਤਿਆਰ ਕੀਤੇ ਗਏ ਹਨ ਅਤੇ Sass ਨਕਸ਼ੇ ਵਿੱਚ ਹਰੇਕ ਮੁੱਲ ਲਈ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ। ਕੋਈ ਵੀ ਕਸਟਮ ਆਸਪੈਕਟ ਰੇਸ਼ੋ ਬਣਾਉਣ ਲਈ
--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()
- Sass ਫਾਈਲ ਨੂੰ ਤੋਂ ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ
-
bootstrap-utilities.css
ਹੁਣ ਸਾਡੇ ਸਹਾਇਕ ਵੀ ਸ਼ਾਮਲ ਹਨ। ਹੈਲਪਰਾਂ ਨੂੰ ਹੁਣ ਕਸਟਮ ਬਿਲਡਾਂ ਵਿੱਚ ਆਯਾਤ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
JavaScript
-
jQuery ਨਿਰਭਰਤਾ ਨੂੰ ਛੱਡ ਦਿੱਤਾ ਗਿਆ ਅਤੇ ਨਿਯਮਤ JavaScript ਵਿੱਚ ਹੋਣ ਲਈ ਪਲੱਗਇਨਾਂ ਨੂੰ ਦੁਬਾਰਾ ਲਿਖਿਆ ਗਿਆ।
-
ਤੋੜਨਾਸਾਰੇ JavaScript ਪਲੱਗਇਨਾਂ ਲਈ ਡੇਟਾ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹੁਣ ਤੀਜੀ ਧਿਰਾਂ ਅਤੇ ਤੁਹਾਡੇ ਆਪਣੇ ਕੋਡ ਤੋਂ ਬੂਟਸਟਰੈਪ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਵੱਖ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਨੇਮਸਪੇਸ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ। ਉਦਾਹਰਨ ਲਈ, ਅਸੀਂ ਇਸਦੀ
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()
।