מיגרייטינג צו v5
שפּור און רעצענזיע ענדערונגען צו די באָאָטסטראַפּ מקור טעקעס, דאַקיומענטיישאַן און קאַמפּאָונאַנץ צו העלפֿן איר מייגרייט פון וו 4 צו וו 5.
דעפּענדענסעס
- פארווארפן jQuery.
- אַפּגריידיד פון פּאָפּער וו1.קס צו פּאָפּער וו2.קס.
- ריפּלייסט Libsass מיט Dart Sass ווי אונדזער Sass קאַמפּיילער געגעבן Libsass איז געווען דיפּרישיייטיד.
- מיגרייטיד פון Jekyll צו הוגאָ פֿאַר בויען אונדזער דאַקיומענטיישאַן
בלעטערער שטיצן
- דראַפּט Internet Explorer 10 און 11
- דראַפּט Microsoft Edge <16 (לעגאַסי עדזש)
- דראַפּט פירעפאָקס <60
- דראַפּט סאַפאַרי <12
- דראַפּט יאָס סאַפאַרי <12
- דראַפּט קראָום <60
דאַקיומענטיישאַן ענדערונגען
- רידיזיינד האָמעפּאַגע, דאָקומענטן אויסלייג און פוטער.
- צוגעגעבן נייַ פּעקל פירער .
- צוגעלייגט נייַ קאַסטאַמייז אָפּטיילונג , ריפּלייסינג די טהעמינג בלאַט פון V4 , מיט נייַע דעטאַילס אויף Sass, גלאבאלע קאַנפיגיעריישאַן אָפּציעס, קאָליר סקימז, CSS וועריאַבאַלז, און מער.
- ריאָרגאַנייזד אַלע פאָרעם דאַקיומענטיישאַן אין אַ נייַע פאָרמס אָפּטיילונג , און צעטיילט די אינהאַלט אין מער פאָוקיסט בלעטער.
- סימילאַרלי, דערהייַנטיקט די אויסלייג אָפּטיילונג , צו מאַכן די גריד אינהאַלט מער קלאר.
- ריניימד "נאַווס" קאָמפּאָנענט בלאַט צו "נאַווס & טאַבס".
- ריניימד "טשעקס" בלאַט צו "טשעקס & ראַדיאָס".
- רידיזיינד די נאַוובאַר און צוגעגעבן אַ נייַע סובנאַוו צו מאַכן עס גרינגער צו באַקומען אַרום אונדזער ווערסיעס פון זייטלעך און דאָקומענטן.
- צוגעלייגט נייַ קלאַוויאַטור דורכוועג פֿאַר די זוכן פעלד: Ctrl + /.
סאַס
-
מיר האָבן דיטשד די פעליקייַט סאַסס מאַפּע מערדזשיז צו מאַכן עס גרינגער צו באַזייַטיקן יבעריק וואַלועס. האַלטן אין מיינונג אַז איר איצט האָבן צו דעפינירן אַלע וואַלועס אין די Sass מאַפּס ווי
$theme-colors
. קוק ווי צו האַנדלען מיט Sass מאַפּס . -
ברייקינגריניימד
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()
ויסמיידן צונויפשטויס מיט Sass ס אייגן קאָליר סקיילינג פונקציע. -
box-shadow
מיקסינס איצט לאָזןnull
וואַלועס און פאַלןnone
פון קייפל אַרגומענטן. זען #30394 . -
די
border-radius()
מיקסין איצט האט אַ פעליקייַט ווערט.
קאָליר סיסטעם
-
די קאָליר סיסטעם וואָס געארבעט מיט
color-level()
און$theme-color-interval
איז אַוועקגענומען אין טויווע פון אַ נייַ קאָליר סיסטעם. אַלעlighten()
אוןdarken()
פאַנגקשאַנז אין אונדזער קאָדעבאַסע זענען ריפּלייסט דורךtint-color()
אוןshade-color()
. די פאַנגקשאַנז וועט מישן די קאָליר מיט ווייַס אָדער שוואַרץ אַנשטאָט פון טשאַנגינג זייַן לייטנאַס דורך אַ פאַרפעסטיקט סומע. דיshift-color()
קאָלירן וועט זיין טינט אָדער שאָטן דיפּענדינג אויף צי די וואָג פּאַראַמעטער איז positive אָדער נעגאַטיוו. זען #30622 פֿאַר מער דעטאַילס. -
צוגעלייגט נייַ טינץ און שיידז פֿאַר יעדער קאָליר, פּראַוויידינג נייַן באַזונדער פארבן פֿאַר יעדער באַזע קאָליר, ווי נייַ סאַסס וועריאַבאַלז.
-
ימפּרוווד קאָליר קאַנטראַסט. באַמפּט קאָליר קאַנטראַסט פאַרהעלטעניש פון 3: 1 צו 4.5: 1 און דערהייַנטיקט בלוי, גרין, ציאַן און ראָזעווע פארבן צו ענשור WCAG 2.1 אַאַ קאַנטראַסט. אויך געביטן אונדזער קאָליר קאַנטראַסט קאָליר פון
$gray-900
צו$black
. -
צו שטיצן אונדזער קאָליר סיסטעם, מיר האָבן צוגעלייגט נייַע מנהג
tint-color()
אוןshade-color()
פאַנגקשאַנז צו מישן אונדזער פארבן אַפּראָופּרייטלי.
גריד דערהייַנטיקונגען
-
ניו ברייקפּאָינט! צוגעגעבן נייַ
xxl
ברייקפּוינט פֿאַר1400px
און אַרויף. קיין ענדערונגען צו אַלע אנדערע ברעאַקפּאָינץ. -
ימפּרוווד גאַטערז. גוטטערס זענען איצט באַשטימט אין רעמס, און זענען שמאָלער ווי וו4 (
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()
מיקסין וועט אויטאָמאַטיש סטרויערן זייערfont-size
צו וואָג מיט די וויופּאָרט. דעם שטריך איז פריער אַפּט-אין מיט v4. -
ברייקינגאָוווערכאָלעד אונדזער אַרויסווייַזן טיפּאָגראַפי צו פאַרבייַטן אונדזער
$display-*
וועריאַבאַלז און מיט אַ$display-font-sizes
סאַס מאַפּע. אויך אַוועקגענומען די יחיד$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 -
באַשטעטיק פעליקייַט האָריזאָנטאַל
padding-left
אויף<ul>
און<ol>
עלעמענטן פון בלעטערער פעליקייַט40px
צו2rem
. -
צוגעגעבן
$enable-smooth-scroll
, וואָס אַפּלייזscroll-behavior: smooth
גלאָובאַלי - אַחוץ פֿאַר יוזערז וואָס בעטן רידוסט באַוועגונג דורךprefers-reduced-motion
מעדיע אָנפֿרעג. זען #31877
RTL
- האָריזאָנטאַל ריכטונג ספּעציפיש וועריאַבאַלז, יוטילאַטיז און מיקסינס זענען אַלע ריניימד צו נוצן לאַדזשיקאַל פּראָפּערטיעס ווי די געפֿונען אין פלעקסבאָקס לייאַוץ - למשל,
start
אוןend
אין פּלאַץ פוןleft
אוןright
.
Forms
-
צוגעגעבן נייַ פלאָוטינג פארמען! מיר האָבן פּראָמאָטעד די פלאָוטינג לאַבעלס ביישפּיל צו גאָר געשטיצט פאָרעם קאַמפּאָונאַנץ. זען די נייַע פלאָוטינג לאַבעלס בלאַט.
-
ברייקינג קאָנסאָלידאַטעד געבוירן און מנהג פאָרעם עלעמענטן. טשעקקבאָקסעס, ראַדיאָס, סאַלעקץ און אנדערע ינפּוץ וואָס האָבן געבוירן און מנהג קלאסן אין וו4 האָבן שוין קאַנסאַלאַדייטאַד. איצט כּמעט אַלע אונדזער פאָרעם עלעמענטן זענען גאָר מנהג, רובֿ אָן די נויט פֿאַר מנהג 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>
s אין יעדער פלינק זינט זיי שוין נוצןcurrentColor
.
באַדזשיז
-
ברייקינגדראַפּט אַלע
.badge-*
קאָליר קלאסן פֿאַר הינטערגרונט יוטילאַטיז (למשל, נוצן.bg-primary
אַנשטאָט פון.badge-primary
). -
ברייקינגדראַפּט
.badge-pill
- אַנשטאָט ניצן די.rounded-pill
נוצן. -
ברייקינגאַוועקגענומען האָווער און פאָקוס סטיילז פֿאַר
<a>
און<button>
עלעמענטן. -
געוואקסן פעליקייַט וואַטן פֿאַר באַדזשיז פון
.25em
/.5em
צו.35em
/.65em
.
ברעאַדקרומבס
-
סימפּליפיעד די פעליקייַט אויסזען פון ברעאַדקרומבס דורך רימוווינג
padding
,background-color
, אוןborder-radius
. -
צוגעלייגט נייַ מנהג פאַרמאָג פון CSS
--bs-breadcrumb-divider
פֿאַר גרינג קוסטאָמיזאַטיאָן אָן נויטיק צו ריקאָמפּילע CSS.
קנעפּלעך
-
ברייקינג טאַגאַל קנעפּלעך , מיט טשעקקבאָקסעס אָדער ראַדיאָס, ניט מער דאַרפן דזשאַוואַסקריפּט און האָבן נייַ מאַרקאַפּ. מיר ניט מער דאַרפן אַ ראַפּינג עלעמענט, לייגן
.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 פֿון Bootstrap Icons .
נאָענט קנעפּל
-
ברייקינגריניימד
.close
צו.btn-close
פֿאַר אַ ווייניקער דזשאַנעריק נאָמען. -
נאָענט קנעפּלעך איצט נוצן אַ
background-image
(עמבעדיד SVG) אַנשטאָט פון אַ×
אין HTML, אַלאַוינג פֿאַר גרינגער קוסטאָמיזאַטיאָן אָן די נויט צו פאַרבינדן דיין מאַרקאַפּ. -
צוגעלייגט נייַ
.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>
ס.
דזשאַמבאָטראָן
- ברייקינגדראַפּט די דזשאַמבאָטראָן קאָמפּאָנענט ווייַל עס קענען זיין רעפּליקייטיד מיט יוטילאַטיז. זען אונדזער נייַע Jumbotron ביישפּיל פֿאַר אַ דעמאָ.
רשימה גרופּע
- מוסיף נייַ
.list-group-numbered
מאָדיפיער צו רשימה גרופּעס.
נאַוויגאַציע און טאַבס
- צוגעלייגט נייַ
null
וועריאַבאַלז פֿאַרfont-size
,font-weight
,color
, און:hover
color
צו די.nav-link
קלאַס.
נאַוובאַרס
- ברייקינגנאַוובאַרס איצט דאַרפן אַ קאַנטיינער ין (צו דראַסטיקלי פאַרפּאָשעטערן ספּייסינג רעקווירעמענץ און CSS פארלאנגט).
אָפקאַנוואַס
- צוגעגעבן די נייַע אָפקאַנוואַס קאָמפּאָנענט .
פּאַginיישאַן
-
פּאַginיישאַן פֿאַרבינדונגען איצט האָבן קוסטאָמיזאַבלע
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
.
- ריניימד
-
ברייקינגפאַרקריפּלט נעגאַטיוו מאַרדזשאַנז דורך פעליקייַט.
-
צוגעלייגט נייַ
.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-*
פֿאַר ברעוואַטי און קאָנסיסטענסי. -
צוגעלייגט
.d-grid
צו אַרויסווייַזן יוטילאַטיז און נייַgap
יוטילאַטיז (.gap
) פֿאַר CSS גריד און פלעקסבאָקס לייאַוץ. -
ברייקינגאַוועקגענומען
.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 וועריאַבאַלז זענען איצט דזשענערייטאַד און ינקלודעד פֿאַר יעדער ווערט אין די 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
איצט אויך כולל אונדזער העלפּערס. העלפּערס טאָן ניט דאַרפֿן צו זיין ימפּאָרטיד אין מנהג בויען ענימאָר.
דזשאַוואַסקריפּט
-
דראַפּט דזשקווערי דעפּענדענסי און ריראָוט פּלוגינס צו זיין אין רעגולער דזשאַוואַסקריפּט.
-
ברייקינגדאַטאַ אַטריביוץ פֿאַר אַלע דזשאַוואַסקריפּט פּלוגינס זענען איצט ינדזשערד צו העלפֿן ויסטיילן Bootstrap פאַנגקשאַנאַליטי פון דריט פּאַרטיעס און דיין אייגענע קאָד. פֿאַר בייַשפּיל, מיר נוצן
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()
.