in English

Пераход на v5

Адсочвайце і праглядайце змены ў зыходных файлах, дакументацыі і кампанентах Bootstrap, каб дапамагчы вам перайсці з v4 на v5.

На гэтай старонцы

Залежнасці

Выдалілі jQuery.
Абноўлены з Popper v1.x да Popper v2.x.
Libsass заменены на Dart Sass, паколькі наш кампілятар Sass, які атрымаў Libsass, састарэў.
Перайшоў ад Jekyll да Hugo для стварэння нашай дакументацыі

Падтрымка браўзераў

Выключаны Internet Explorer 10 і 11
Выключаны Microsoft Edge < 16 (Legacy Edge)
Адхілены Firefox < 60
Выкінута Safari < 12
Адменена iOS Safari < 12
Выдалілі Chrome < 60

Змены ў дакументацыі

Перапрацаваны галоўная старонка, макет дакументаў і ніжні калонтытул.
Дададзены новы даведнік па пасылках .
Дададзены новы раздзел Customize , які замяняе старонку Theming версіі v4 , з новымі падрабязнасцямі аб Sass, параметрах глабальнай канфігурацыі, каляровых схемах, зменных CSS і іншым.
Рэарганізавана ўся дакументацыя формы ў новы раздзел Формы , разбіваючы змесціва на больш мэтанакіраваныя старонкі.
Аналагічным чынам абноўлены раздзел "Макет" , каб больш выразна а��орміць змест сеткі.
Старонка кампанента «Навігацыі» перайменавана ў «Навігацыі і ўкладкі».
Старонка "Чэкі" перайменавана ў "Чэкі і радыё".
Перапрацаваны панэль навігацыі і дададзена новая паднавігацыя, каб было прасцей перамяшчацца па версіях нашых сайтаў і дакументаў.
Дададзена новае спалучэнне клавіш для поля пошуку: 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каб па змаўчанні былі роўныя слупкі без указанага памеру.

Змест, перазагрузка і г.д

RFS цяпер уключаны па змаўчанні. Загалоўкі, якія выкарыстоўваюцьfont-size()міксін, будуць аўтаматычна карэктаваць іхfont-sizeу адпаведнасці з акном прагляду. Раней гэтая функцыя была даступная ў версіі 4.
ЛаманнеКапітальна адрамантаваны тыпаграфіка дысплея, каб замяніць нашы $display-*зменныя і $display-font-sizesкарту Sass. Таксама выдалены асобныя $display-*-weightзменныя для аднаго $display-font-weightі скарэкціраванага font-sizes.
Дададзены два новыя .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ва ўсім свеце, за выключэннем карыстальнікаў, якія запытваюць памяншэнне руху праз 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Базавы акардэон заменены на новы акардэонны кампанент .

Карусель

Дададзены новы .carousel-darkварыянт для цёмнага тэксту, элементаў кіравання і індыкатараў (выдатна падыходзіць для больш светлага фону).
Значкі шаўронаў для элементаў кіравання каруселлю заменены новымі SVG з Bootstrap Icons .

Кнопка закрыцця

ЛаманнеПерайменаваны .closeў .btn-closeдля менш агульнай назвы.
Кнопкі закрыцця цяпер выкарыстоўваюць background-image(убудаваны SVG) замест a ×ў HTML, што дазваляе лягчэй наладжваць без неабходнасці дакранацца да разметкі.
Дададзены новы .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-items, загорнутыя ў <li>s.

Джамбатрон

ЛаманнеВыключаны кампанент jumbotron, бо яго можна паўтарыць з дапамогай утыліт. Глядзіце наш новы прыклад Jumbotron для дэманстрацыі.

Спіс групы

Дададзены новы .list-group-numberedмадыфікатар для груп спісаў.

Навіны і ўкладкі

У клас дададзены новыя nullзменныя для font-size, font-weight, colorі .:hover color.nav-link

Навігацыйныя панэлі

ЛаманнеЦяпер панэлі навігацыі патрабуюць кантэйнера (каб істотна спрасціць патрабаванні да інтэрвалу і патрабуецца CSS).

Пазаканвас

Дададзены новы кампанент offcanvas .

Пагінацыя

Спасылкі на пагінацыю цяпер маюць магчымасць наладжвання margin-left, якія дынамічна закругляюцца ва ўсіх кутах, калі яны аддзяляюцца адзін ад аднаго.
transitionДа спасылак на пагінацыю дададзены s.

Папаўеры

ЛаманнеПерайменаваны .arrowў .popover-arrowнаш стандартны ўсплывальны шаблон.
whiteListВарыянт перайменаваны ў allowList.

Спінеры

Спінеры цяпер ушаноўваюць prefers-reduced-motion: reduce, запавольваючы анімацыю. Глядзіце #31882 .
Палепшана вертыкальнае выраўноўванне спінера.

Тосты

Цяпер тосты можна размясціць у a .toast-containerз дапамогай утыліт пазіцыянавання .
Працягласць тоста па змаўчанні зменена на 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>фону для дадатковых элементаў.
Дададзены новыя ўтыліты размяшчэння для 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 > *селектара. Клас больш не патрэбны, і дапаможнік ratio цяпер працуе з любым элементам HTML.
- Карта $embed-responsive-aspect-ratiosSass была перайменавана ў , $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()mixins ў visually-hidden()і visually-hidden-focusable().
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 can be passed as a function that accepts the Bootstrap’s default Popper config as an argument, so that you can merge this default configuration in your way. Applies to dropdowns, popovers, and tooltips.
The default value for the fallbackPlacements is changed to ['top', 'right', 'bottom', 'left'] for better placement of Popper elements. Applies to dropdowns, popovers, and tooltips.
Removed underscore from public static methods like _getInstance() → getInstance().