v5 में माइग्रेट हो रहल बा
बूटस्ट्रैप स्रोत फाइल, दस्तावेज, आ घटक सभ में बदलाव के ट्रैक करीं आ समीक्षा करीं जेह से कि रउआँ के v4 से v5 में माइग्रेट करे में मदद मिल सके।
निर्भरता के बारे में बतावल गइल बा
- जेक्वेरी छोड़ दिहल गइल.
- पॉपर v1.x से पॉपर v2.x में अपग्रेड कइल गइल बा।
- लिबसास के जगह डार्ट सस के इस्तेमाल कइल गइल काहे कि हमनी के सास कंपाइलर दिहल गइल लिबसास के डिप्रीकेट कइल गइल रहे.
- हमनी के दस्तावेज बनावे खातिर जेकिल से ह्यूगो में माइग्रेट हो गइल
ब्राउजर के समर्थन बा
- इंटरनेट एक्सप्लोरर 10 आ 11 के छोड़ दिहल गइल
- माइक्रोसॉफ्ट एज < 16 (लेगेसी एज) के छोड़ दिहल गइल बा।
- फायरफॉक्स < 60 छोड़ दिहल गइल
- सफारी < 12 के छोड़ दिहल गइल
- आईओएस सफारी < 12 के छोड़ दिहल गइल
- क्रोम < 60 गिर गईल बा
दस्तावेजीकरण में बदलाव होला
- होमपेज, डॉक्स लेआउट, आ पाद लेख के नया रूप दिहल गइल बा.
- नया पार्सल गाइड जोड़ल गइल बा .
- नया कस्टमाइज सेक्शन जोड़ल गइल , v4 के थीमिंग पन्ना के जगह , Sass, ग्लोबल कॉन्फ़िगरेशन विकल्प, रंग योजना, CSS चर, आ अउरी बहुत कुछ पर नया बिबरन के साथ।
- सभ फार्म दस्तावेजीकरण के नया फॉर्म खंड में पुनर्गठित कइल गइल , सामग्री के अउरी केंद्रित पन्ना सभ में अलग कइल गइल।
- एही तरे, लेआउट खंड के अपडेट कइल गइल , ग्रिड सामग्री के अउरी साफ-साफ मांस बनावे खातिर।
- “Navs” घटक पन्ना के नाम बदल के “Navs & Tabs” रख दिहल गइल बा।
- “चेक” पन्ना के नाम बदल के “चेक आ रेडियो” कर दिहल गइल.
- नवबार के नया तरीका से डिजाइन कइल गइल आ एगो नया सबनव जोड़ल गइल जेहसे कि हमनी के साइट आ डॉक्स संस्करणन के घूमे में आसानी हो सके.
- खोज क्षेत्र खातिर नया कीबोर्ड शॉर्टकट जोड़ल गइल बा: Ctrl + /.
ससस के बा
-
हमनी के डिफ़ॉल्ट 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()
, आ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-shadow
मिक्सिन अब कई गो आर्गुमेंट से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 एए कंट्रास्ट सुनिश्चित करे खाती नीला, हरे, सियान, अवुरी गुलाबी रंग के अपडेट कईल गईल। साथ ही हमनी के रंग कंट्रास्ट रंग से बदल
$gray-900
के$black
. -
हमनी के रंग सिस्टम के सपोर्ट करे खातिर हमनी के नया कस्टम
tint-color()
अवुरीshade-color()
फंक्शन जोड़ले बानी जा ताकि हमनी के रंग के उचित तरीका से मिलावल जा सके।
ग्रिड अपडेट हो गइल बा
-
नया ब्रेकपॉइंट बा! खातिर आ ऊपर खातिर नया
xxl
ब्रेकपॉइंट जोड़ल गइल.1400px
बाकी सभ ब्रेकपॉइंट में कवनो बदलाव ना होई। -
गटर में सुधार भइल बा. गटर अब rems में सेट हो गइल बा, आ v4 (
1.5rem
, या लगभग24px
, से नीचे30px
) से संकरी बा। एहसे हमनी के ग्रिड सिस्टम के गटर हमनी के स्पेसिंग यूटिलिटीज के संगे संरेखित हो जाला।- क्षैतिज/ऊर्ध्वाधर गटर, क्षैतिज गटर, आ ऊर्ध्वाधर गटर के नियंत्रित करे खातिर नया गटर क्लास (
.g-*
,.gx-*
, आ ) जोड़ल गइल।.gy-*
- टूट रहल बानया गटर उपयोगिता से मेल खाए खातिर नाम बदल
.no-gutters
दिहल गइल..g-0
- क्षैतिज/ऊर्ध्वाधर गटर, क्षैतिज गटर, आ ऊर्ध्वाधर गटर के नियंत्रित करे खातिर नया गटर क्लास (
-
अब कॉलम लागू नइखे भइल , एह से ओह व्यवहार के बहाल करे खातिर कुछ तत्वन में
position: relative
जोड़े के पड़ सकेला ।.position-relative
-
टूट रहल बाकई गो
.order-*
क्लास छोड़ दिहलसि जवन अक्सर बेकार हो जात रहे. हमनी के अब खाली आउट ऑफ द बॉक्स के इंतजाम.order-1
करेनी जा।.order-5
-
टूट रहल बाघटक के छोड़ दिहल गइल
.media
काहे कि एकरा के उपयोगिता का साथे आसानी से नकल कइल जा सकेला. उदाहरण खातिर #28265 आ flex utilities पन्ना देखल जाय . -
टूट रहल बा
bootstrap-grid.css
box-sizing: border-box
अब ग्लोबल बॉक्स-साइजिंग के रीसेट करे के बजाय खाली कॉलम पर लागू होला । एह तरह से हमनी के ग्रिड स्टाइल के बिना कवनो हस्तक्षेप के अधिका जगह इस्तेमाल कइल जा सकेला. -
$enable-grid-classes
अब कंटेनर क्लास के जनरेशन के अक्षम ना करेला। देखल जाव #29146। -
make-col
मिक्सिन के बिना निर्दिष्ट आकार के बराबर कॉलम पर डिफ़ॉल्ट रूप से अपडेट कइल गइल ।
सामग्री, रिबूट आदि के बारे में बतावल गइल बा
-
अब आरएफएस डिफ़ॉल्ट रूप से सक्षम हो गइल बा। मिक्सिन के इस्तेमाल करे वाला हेडिंग सभके व्यूपोर्ट के साथ स्केल करे खातिर
font-size()
स्वचालित रूप से समायोजितइ फीचर पहिले v4 के संगे ऑप्ट-इन कईल गईल रहे।font-size
-
टूट रहल बा
$display-*
हमनी के चर के बदले खातिर आ एगो$display-font-sizes
सस मैप से हमनी के डिस्प्ले टाइपोग्राफी के ओवरहाल कइनी जा।$display-*-weight
साथ ही एकल$display-font-weight
आ समायोजितfont-size
एस खातिर अलग-अलग चर के हटा दिहल गइल । -
.display-*
दू गो नया हेडिंग साइज जोड़ल गइल ,.display-5
आ.display-6
. -
लिंक सभ के डिफ़ॉल्ट रूप से रेखांकित कइल जाला (केवल होवर पर ना), जबले कि ऊ बिसेस घटक सभ के हिस्सा ना होखे।
-
टेबल सभ के नया तरीका से डिजाइन कइल गइल बा जेह से कि इनहन के स्टाइल के रिफ्रेश कइल जा सके आ स्टाइलिंग पर अउरी नियंत्रण खातिर सीएसएस चर सभ के साथ इनहन के दोबारा बनावल जा सके।
-
टूट रहल बानेस्टेड टेबल अब स्टाइल के विरासत में ना पावेला।
-
टूट रहल बा
.thead-light
आ वेरिएंट क्लास.thead-dark
सभ के पक्ष में छोड़ दिहल जाला.table-*
जेकर इस्तेमाल सभ टेबल तत्व (thead
,tbody
,tfoot
,tr
,th
आtd
) खातिर कइल जा सके ला। -
टूट रहल बा
table-row-variant()
मिक्सिन के नाँव बदल के खाली 2 गो पैरामीटर स्वीकार करे लाtable-variant()
:$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
-सिवाय प्रयोगकर्ता लोग के जेprefers-reduced-motion
मीडिया क्वेरी के माध्यम से गति कम करे के माँग करे ला। देखल जाव #31877
आरटीएल के बा
- क्षैतिज दिशा बिसेस चर, उपयोगिता, आ मिक्सिन सभ के नाँव बदल के फ्लेक्सबॉक्स लेआउट सभ नियर तार्किक गुण सभ के इस्तेमाल कइल गइल बा-जइसे कि,
start
आ आ केend
जगह पर ।left
right
फार्म के रूप में बा
-
नया फ्लोटिंग फॉर्म जोड़ल गइल बा! हमनी के फ्लोटिंग लेबल उदाहरण के पूरा तरीका से समर्थित फॉर्म घटक में बढ़ावा देले बानी जा। नया फ्लोटिंग लेबल पन्ना देखल जाय।
-
टूट रहल बा समेकित देशी आ कस्टम रूप तत्व। चेकबॉक्स, रेडियो, सिलेक्ट, आ अउरी इनपुट सभ के एकट्ठा कइल गइल बा जेह में v4 में नेटिव आ कस्टम क्लास रहलें। अब हमनी के लगभग सभ फॉर्म एलिमेंट पूरा तरीका से कस्टम बा, अधिकांश बिना कस्टम एचटीएमएल के जरूरत के।
.custom-check
बा अब.form-check
..custom-check.custom-switch
बा अब.form-check.form-switch
..custom-select
बा अब.form-select
..custom-file
आ.form-file
ऊपर से कस्टम स्टाइल के जगह ले लिहल गइल बा.form-control
..custom-range
बा अब.form-range
.- छोड़ दिहल गइल देशी
.form-control-file
आ.form-control-range
.
-
टूट रहल बागिर
.input-group-append
गइल आ.input-group-prepend
. अब रउआ बस बटन जोड़ सकेनी आ.input-group-text
इनपुट समूहन के डायरेक्ट बच्चा के रूप में। -
सत्यापन प्रतिक्रिया बग वाला इनपुट समूह पर लंबा समय से चलल आ रहल सीमा त्रिज्या के अंत में सत्यापन के साथ इनपुट समूह सभ में एगो अतिरिक्त
.has-validation
क्लास जोड़ के ठीक कइल जाला। -
टूट रहल बा हमनी के ग्रिड सिस्टम खातिर फॉर्म-विशिष्ट लेआउट क्लास छोड़ दिहल गइल.
.form-group
,.form-row
, या के जगह हमनी के ग्रिड आ उपयोगिता के इस्तेमाल करीं.form-inline
। -
टूट रहल बाफार्म लेबल के अब जरूरत
.form-label
बा . -
टूट रहल बा
.form-text
no longer setsdisplay
, जवना से रउआँ खाली एचटीएमएल तत्व बदल के इनलाइन या ब्लॉक मदद टेक्स्ट बना सकेनी जइसन रउआँ चाहत बानी। -
मान्यता आइकन अब
<select>
s के साथ लागू ना होलाmultiple
। -
के तहत स्रोत Sass फाइल सभ के पुनर्व्यवस्थित कइल गइल
scss/forms/
, इनपुट समूह शैली सभ सहित।
घटक के बारे में बतावल गइल बा
- हमनी के चर
padding
पर आधारित होखे खातिर अलर्ट, ब्रेडक्रंब, कार्ड, ड्रॉपडाउन, सूची समूह, मोडल, पोपोवर, आ टूलटिप खातिर एकीकृत मान। देखल जाव #30564 .$spacer
अकॉर्डियन के नाम से जानल जाला
- नया अकॉर्डियन घटक जोड़ल गइल बा .
अलर्ट कर दिहल गइल बा
-
अब अलर्ट में आइकन वाला उदाहरण बा .
-
हर अलर्ट में s खातिर कस्टम स्टाइल हटा दिहल
<hr>
गइल काहे कि ऊ लोग पहिले से इस्तेमाल करेला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 कस्टम गुण जोड़ल गइल ।
बटन के बा
-
टूट रहल बा टॉगल बटन , चेकबॉक्स भा रेडियो के साथ, अब जावास्क्रिप्ट के जरूरत नइखे आ नया मार्कअप बा। हमनी के अब कवनो रैपिंग तत्व के जरूरत नइखे, , में जोड़ीं
.btn-check
,पर कवनो क्लास के<input>
साथ जोड़ी बनाईं। देखल जाव #30650 . एकरा खातिर डॉक्स हमनी के बटन पन्ना से नया फॉर्म सेक्शन पर आ गइल बा..btn
<label>
-
टूट रहल बा उपयोगिता
.btn-block
खातिर छोड़ दिहल गइल..btn-block
पर इस्तेमाल करे के बजाय.btn
, अपना बटन के साथ लपेटीं आ जरूरत के हिसाब से स्पेस करे खातिर.d-grid
एगो उपयोगिता।.gap-*
ओह पर अउरी अधिका नियंत्रण खातिर रिस्पांसिव क्लास पर स्विच करीं. कुछ उदाहरण खातिर डॉक्स पढ़ीं. -
अतिरिक्त पैरामीटर के समर्थन करे खातिर हमनी के
button-variant()
आ मिक्सिन के अपडेट कइल गइल ।button-outline-variant()
-
होवर आ सक्रिय अवस्था पर बढ़ल कंट्रास्ट सुनिश्चित करे खातिर बटन अपडेट कइल गइल।
-
अक्षम बटन पर अब
pointer-events: none;
.
कार्ड दिहल गइल बा
-
टूट रहल बा
.card-deck
हमनी के ग्रिड के पक्ष में गिर गईल। अपना कार्ड सभ के कॉलम क्लास में लपेटीं आ.row-cols-*
कार्ड डेक सभ के दोबारा बनावे खातिर एगो पैरेंट कंटेनर जोड़ीं (लेकिन रिस्पांसिव संरेखण पर अउरी नियंत्रण के साथ)। -
टूट रहल बाचिनाई
.card-columns
के पक्ष में गिर गईल। देखल जाव #28922 . -
टूट रहल बा
.card
आधारित अकॉर्डियन के बदल के एगो नया अकॉर्डियन घटक दिहल गईल बा .
हिंडोला के बा
-
डार्क टेक्स्ट, कंट्रोल, आ इंडिकेटर खातिर नया
.carousel-dark
वेरिएंट जोड़ल गइल (हल्का बैकग्राउंड खातिर बढ़िया)। -
हिंडोला नियंत्रण खातिर शेवरॉन आइकन के बूटस्ट्रैप आइकन से नया एसवीजी से बदल दिहल गइल बा .
बटन बंद कर दिहल जाव
-
टूट रहल बाकम जेनेरिक नाँव खातिर नाँव बदल
.close
दिहल गइल।.btn-close
-
बंद बटन अब एचटीएमएल में
background-image
a के बजाय (एम्बेडेड एसवीजी) के इस्तेमाल करे×
लें, जेकरा से बिना आपके मार्कअप के छूवे के जरूरत के आसान अनुकूलन हो सके ला। -
नया
.btn-close-white
वेरिएंट जोड़ल गइल जेकर इस्तेमालfilter: invert(1)
गहिरा रंग के बैकग्राउंड के खिलाफ उच्च कंट्रास्ट डिस्मिस आइकन सभ के सक्षम करे खातिर करे ला।
ढहल
- अकॉर्डियन खातिर स्क्रॉल एंकरिंग हटा दिहल गइल.
ड्रॉपडाउन हो गइल बा
-
ऑन-डिमांड डार्क ड्रॉपडाउन खातिर नया
.dropdown-menu-dark
वेरिएंट आ संबद्ध चर जोड़ल गइल। -
खातिर नया चर जोड़ल गइल बा
$dropdown-padding-x
. -
बेहतर कंट्रास्ट खातिर ड्रॉपडाउन डिवाइडर के गहरा कर दिहल गइल.
-
टूट रहल बाड्रॉपडाउन खातिर सभ इवेंट अब ड्रॉपडाउन टॉगल बटन पर ट्रिगर हो जाला आ फिर मूल तत्व तक ले बबल हो जाला।
-
अब ड्रॉपडाउन मेनू में एगो
data-bs-popper="static"
एट्रिब्यूट सेट होला जब ड्रॉपडाउन के पोजीशनिंग स्थिर होखे आdata-bs-popper="none"
जब ड्रॉपडाउन नवबार में होखे. ई हमनी के जावास्क्रिप्ट द्वारा जोड़ल गइल बा आ पॉपर के पोजीशनिंग में हस्तक्षेप कइले बिना कस्टम पोजीशन स्टाइल के इस्तेमाल करे में मदद करे ला। -
टूट रहल बादेशी पॉपर
flip
कॉन्फ़िगरेशन के पक्ष में ड्रॉपडाउन प्लगइन खातिर विकल्प छोड़ दिहल गइल। अब रउआँ फ्लिप संशोधकfallbackPlacements
में विकल्प खातिर खाली सरणी पास क के फ्लिप व्यवहार के अक्षम क सकत बानी । -
ड्रॉपडाउन मेनू अब ऑटो बंद व्यवहार
autoClose
के संभाले खातिर एगो नया विकल्प के साथ क्लिक करे लायक हो सकेला . रउआँ एह विकल्प के इस्तेमाल ड्रॉपडाउन मेनू के भीतर या बाहर क्लिक के स्वीकार करे खातिर कर सकत बानी ताकि एकरा के इंटरैक्टिव बनावल जा सके। -
ड्रॉपडाउन अब
.dropdown-item
एस में लपेटल एस के समर्थन<li>
करेला।
जंबोट्रॉन के बा
- टूट रहल बाजंबोट्रॉन घटक के छोड़ दिहल गइल काहें से कि एकर नकल उपयोगिता सभ के साथ कइल जा सके ला। डेमो खातिर हमनी के नया जंबोट्रॉन उदाहरण देखीं।
समूह के सूची बनाईं
- समूहन के सूची में नया
.list-group-numbered
संशोधक जोड़ल गइल बा।
नवस आ टैब के बारे में बतावल गइल बा
- , , , आ क्लास में नया
null
चर जोड़ल गइल।font-size
font-weight
color
:hover
color
.nav-link
नवबर के बा
- टूट रहल बानवबार सभ खातिर अब भीतर एगो कंटेनर के जरूरत होला (स्पेसिंग के जरूरत आ सीएसएस के जरूरत के बहुत सरल बनावे खातिर)।
ऑफकैनवास के बा
- नया ऑफकैनवास घटक जोड़ल गइल बा .
पृष्ठांकन कइल गइल बा
-
पेजिनेशन लिंक सभ में अब कस्टमाइज करे लायक
margin-left
हो जाला जे एक दुसरे से अलग होखे पर सभ कोना पर डायनामिक रूप से गोल हो जालें। -
transition
पृष्ठांकन लिंक में s जोड़ल गइल बा।
पोपोवर्स के नाम से जानल जाला
-
टूट रहल बाहमनी के डिफ़ॉल्ट पॉपओवर टेम्पलेट में नाम बदल
.arrow
दिहल गइल बा।.popover-arrow
-
whiteList
विकल्प के नाम बदल केallowList
.
स्पिनर लोग के बा
-
स्पिनर लोग अब
prefers-reduced-motion: reduce
एनीमेशन के धीमा क के सम्मान देला। देखल जाव #31882 . -
स्पिनर के ऊर्ध्वाधर संरेखण में सुधार भइल।
टोस्ट कइल जाला
-
टोस्ट के अब पोजीशनिंग यूटिलिटीज के मदद से एगो में पोजीशन कईल जा सकेला .
.toast-container
-
डिफ़ॉल्ट टोस्ट अवधि 5 सेकंड में बदल दिहल गईल।
-
टोस्ट से निकाल के फंक्शन के
overflow: hidden
साथ उचितborder-radius
एस से बदल दिहल गइल।calc()
टूलटिप के बारे में बतावल गइल बा
-
टूट रहल बाहमनी के डिफ़ॉल्ट टूलटिप टेम्पलेट में नाम बदल
.arrow
दिहल गइल बा।.tooltip-arrow
-
टूट रहल बाके खातिर डिफ़ॉल्ट मान के
fallbackPlacements
बदल दिहल गइल बा['top', 'right', 'bottom', 'left']
पॉपर तत्व सभ के बेहतर प्लेसमेंट खातिर। -
टूट रहल बा
whiteList
विकल्प के नाम बदल केallowList
.
उपयोगिता के बारे में बतावल गइल बा
-
टूट रहल बा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
.
- नाम बदल दिहल गइल
-
टूट रहल बाडिफ़ॉल्ट रूप से नकारात्मक मार्जिन के अक्षम कइल गइल बा।
-
जल्दी से '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
(RFS सक्षम के साथ)। ई सभ एचटीएमएल के डिफ़ॉल्ट हेडिंग सभ के समान पैमाना के इस्तेमाल करे लें (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
.
सहायक लोग के बा
-
टूट रहल बा रिस्पांसिव एम्बेड हेल्पर सभ के नाँव बदल के रेशियो हेल्पर सभ में रखल गइल बा जेह में नया क्लास नाँव आ बेहतर व्यवहार बाड़ें आ साथ ही साथ एगो सहायक CSS चर भी बा।
- कक्षा के नाम बदल के आस्पेक्ट रेशियो में बदल दिहल गइल
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
अब हमनी के सहायक लोग भी शामिल बा। अब कस्टम बिल्ड में हेल्पर के आयात करे के जरूरत नइखे.
जावास्क्रिप्ट के बा
-
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()
।