Муҳоҷират ба v5
Тағиротро дар файлҳои манбаи Bootstrap, ҳуҷҷатҳо ва ҷузъҳо пайгирӣ ва аз назар гузаронед, то ба шумо дар муҳоҷират аз v4 ба v5 кӯмак расонанд.
Вобастагӣ
- jQuery партофта шуд.
- Аз Popper v1.x ба Popper v2.x такмил дода шуд.
- Libsass бо Dart Sass иваз карда шуд, зеро компилятори Sass мо, ки Libsass бекор карда шудааст.
- Барои сохтани ҳуҷҷатҳои мо аз Ҷекил ба Ҳуго муҳоҷират кард
Дастгирии браузер
- Internet Explorer 10 ва 11-ро партофтанд
- Қатъи Microsoft Edge < 16 (Legacy Edge)
- Firefox <60-ро партофтааст
- Сафари партофташуда <12
- Қатъи iOS Safari <12
- Chrome-ро партофтанд <60
Тағироти ҳуҷҷатҳо
- Саҳифаи асосӣ аз нав тарҳрезӣшуда, тарҳбандии ҳуҷҷатҳо ва поёни поён.
- Роҳнамои нави Parcel илова карда шуд.
- Бахши нави Customize илова карда шуд, ки саҳифаи Theming-и v4-ро иваз мекунад , бо тафсилоти нав дар бораи Sass, имконоти конфигуратсияи глобалӣ, схемаҳои рангӣ, тағирёбандаҳои CSS ва ғайра.
- Ҳама ҳуҷҷатҳои формаро ба бахши нави Формалар аз нав ташкил карда, мундариҷаро ба саҳифаҳои бештар нигаронидашуда тақсим кард.
- Ба ҳамин монанд, қисмати Тарҳро навсозӣ кард , то мундариҷаи шабакаро равшантар нишон диҳад.
- Номи саҳифаи ҷузъи "Navs" ба "Navs & Tabs" иваз карда шуд.
- Номи саҳифаи "Чекҳо" ба "Чекҳо ва радиоҳо" иваз карда шуд.
- Навбарро аз нав тарҳрезӣ кард ва зернавъи нав илова кард, то дар атрофи сайтҳо ва версияҳои ҳуҷҷатҳои мо осонтар гарданд.
- Барои майдони ҷустуҷӯ миёнабури нави клавиатура илова карда шуд: Ctrl + /.
Сасс
-
Мо якҷояшавии пешфарзии харитаи Sass-ро аз даст додем, то нест кардани арзишҳои зиёдатӣ осонтар шавад. Дар хотир доред, ки шумо ҳоло бояд ҳамаи арзишҳоро дар харитаҳои 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()
аз он, ки параметри вазни он мусбат ё манфӣ аст, рангро ё соя мекунад ё соя мекунад. Барои тафсилоти бештар нигаред # 30622 . -
Барои ҳар як ранг рангҳо ва сояҳои нав илова карда шуданд, ки барои ҳар як ранги асосӣ нӯҳ ранги алоҳидаро ҳамчун тағирёбандаҳои нави Sass таъмин мекунанд.
-
Контрасти беҳтаршудаи ранг. Таносуби контрасти рангҳо аз 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 ва саҳифаи утилитаҳои flex нигаред . -
Шикастан
bootstrap-grid.css
акнун танҳоbox-sizing: border-box
ба сутун ба ҷои аз нав танзим кардани андозаи глобалии қуттиҳо дахл дорад. Ҳамин тариқ, сабкҳои шабакаи мо метавонанд дар ҷойҳои бештар бидуни дахолат истифода шаванд. -
$enable-grid-classes
дигар тавлиди синфҳои контейнериро ғайрифаъол намекунад. Нигаред № 29146. -
Миксинро
make-col
ба сутунҳои баробар бе андозаи муайян навсозӣ кард.
Content, Reboot ва ғайра
-
RFS ҳоло бо нобаёнӣ фаъол аст. Сарлавҳаҳое, ки миксинро истифода мебаранд,
font-size()
ба таври худкорfont-size
миқёси онҳоро бо майдони намоиш танзим мекунанд. Ин хусусият қаблан бо v4 пайваст шуда буд. -
ШикастанТипографияи намоишии моро барои иваз кардани
$display-*
тағирёбандаҳо ва$display-font-sizes
харитаи Sass аз нав таъмир кард. Инчунин$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-*
Утилитаҳо дигар ба истинодҳо ҳолати hover ва фокусро илова намекунанд..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
RTL
- Тағйирёбандаҳои мушаххаси самти уфуқӣ, утилитаҳо ва миксинҳо ҳама барои истифодаи хосиятҳои мантиқӣ ба монанди онҳое, ки дар тарҳбандиҳои flexbox пайдо шудаанд, номгузорӣ шудаанд, масалан,
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
. -
Файлҳои сарчашмаи Sass дар зери
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 илова карда шуд.
Тугмаҳо
-
Шикастан Тугмаҳои ивазкунанда бо қуттиҳои қайд ё радио дигар 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
асосиро бо ҷузъи нави Accordion иваз кард.
Карусель
-
.carousel-dark
Варианти нав барои матни торик, идоракунӣ ва нишондиҳандаҳо илова карда шуд (барои заминаҳои сабуктар). -
Нишонаҳои шеврон барои идоракунии карусел бо SVG-ҳои нав аз Bootstrap Icons иваз карда шуданд.
Тугмаи пӯшида
-
ШикастанБарои номи камтар умумӣ номгузорӣ шуд
.close
..btn-close
-
Тугмаҳои пӯшида ҳоло
background-image
ба ҷои a×
дар HTML -ро (SVG-и дарунсохташуда) истифода мебаранд, ки имкон медиҳад, ки бидуни ламс кардани аломати шумо мутобиқсозӣ осонтар шавад. -
.btn-close-white
Варианти нав илова карда шуд, киfilter: invert(1)
барои фаъол кардани контрасти баландтар истифода бурдани нишонаҳо дар заминаи ториктар.
Фурӯпошӣ
- Лангари паймоиш барои аккордеонҳо хориҷ карда шуд.
Равзанаҳои афтанда
-
Варианти нав
.dropdown-menu-dark
ва тағирёбандаҳои алоқаманд барои афтандаҳои торикии дархостшуда илова карда шуд. -
Тағирёбандаи нав барои
$dropdown-padding-x
. -
Тақсимкунандаи афтанда барои контрасти беҳтар торик карда шуд.
-
ШикастанҲама рӯйдодҳои афтанда ҳоло дар тугмаи афтанда фаъол карда мешаванд ва сипас ба унсури волидайн футур карда мешаванд.
-
Менюҳои афтанда ҳоло як атрибут доранд
data-bs-popper="static"
, вақте ки ҷойгиршавии афтанда статикӣ аст ваdata-bs-popper="none"
вақте ки афтанда дар навор аст. Ин аз ҷониби JavaScript-и мо илова карда шудааст ва ба мо кӯмак мекунад, ки услубҳои ҷойгиршавии фармоиширо бидуни дахолат ба мавқеъгирии Поппер истифода барем. -
ШикастанОпсияи партофташуда
flip
барои плагини афтанда ба манфиати конфигуратсияи аслии Popper. Шумо ҳоло метавонед рафтори лоғарро тавассути гузаронидани массиви холӣ бароиfallbackPlacements
опсия дар тағирдиҳандаи флип хомӯш кунед. -
Менюҳои афтанда ҳоло метавонанд бо
autoClose
имконоти нав барои идора кардани рафтори худкор пӯшидан клик карда шаванд. Шумо метавонед ин хосиятро барои қабул кардани клик дар дохил ё берун аз менюи афтанда истифода баред, то онро интерактивӣ гардонед. -
Ҳоло афтандаҳо
.dropdown-item
бо s печонида шудаанд, дастгирӣ<li>
мекунанд.
Ҷумботрон
- ШикастанКомпоненти jumbotron партофта шуд, зеро он метавонад бо утилитҳо такрор карда шавад. Намунаи нави Jumbotron-и моро барои намоиш нигаред.
Рӯйхати гурӯҳ
- Ба рӯйхат гурӯҳҳо
.list-group-numbered
тағирдиҳандаи нав илова карда шуд.
Навъҳо ва ҷадвалҳо
- Барои , , , ва ба синф
null
тағирёбандаҳои нав илова карда шуданд.font-size
font-weight
color
:hover
color
.nav-link
Навбарҳо
- ШикастанНавбарҳо ҳоло контейнерро дар дохили он талаб мекунанд (барои ба таври назаррас содда кардани талаботҳои фосила ва CSS талаб карда мешавад).
Offcanvas
- Ҷузъи нави offcanvas илова карда шуд.
Саҳифабандӣ
-
Истинодҳои саҳифасозӣ ҳоло танзимшаванда доранд
margin-left
, ки ҳангоми аз ҳамдигар ҷудошуда дар ҳама кунҷҳо ба таври динамикӣ мудаввар карда мешаванд. -
transition
Ба истинодҳои саҳифасозӣ илова карда шуд.
Поповерҳо
-
ШикастанНоми
.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 Grid ва тарҳҳои flexbox. -
ШикастанБаровард
.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
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 ҳоло барои фарқ кардани функсияҳои 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
метавонад ҳамчун функсияе интиқол дода шавад, ки конфигуратсияи пешфарзии Popper Bootstrap-ро ҳамчун далел қабул кунад, то шумо метавонед ин конфигуратсияи пешфарзро дар роҳи худ якҷоя кунед. Ба афтандаҳо, popovers ва маслиҳатҳои асбобҳо дахл дорад. -
Қимати пешфарз барои ҷойгиркунии беҳтари унсурҳои Поппер
fallbackPlacements
ба тағйир дода мешавад . Ба афтандаҳо, popovers ва маслиҳатҳои асбобҳо дахл дорад.['top', 'right', 'bottom', 'left']
-
Зерхат аз усулҳои статикии оммавӣ ба монанди
_getInstance()
→ хориҷgetInstance()
карда шуд.