Անցեք հիմնական բովանդակությանը Բաց թողնել փաստաթղթերի նավարկություն
in English

Միգրացիա դեպի 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
  • Անցած Safari < 12
  • Ազատվել է iOS Safari-ից < 12
  • Հրաժարվել է Chrome-ից < 60

Փաստաթղթային փոփոխություններ

  • Վերանախագծված գլխավոր էջը, փաստաթղթերի դասավորությունը և էջատակը:
  • Ավելացվեց ծանրոցների նոր ուղեցույց :
  • Ավելացվեց նոր Անհատականացնել բաժինը ՝ փոխարինելով v4-ի Theming էջը , Sass-ի նոր մանրամասներով, գլոբալ կազմաձևման ընտրանքներով, գունային սխեմաներով, CSS փոփոխականներով և այլն:
  • Վերակազմավորեց բոլոր ձևերի փաստաթղթերը նոր ձևերի բաժնում ՝ բովանդակությունը բաժանելով ավելի կենտրոնացված էջերի:
  • Նմանապես, թարմացվեց Layout բաժինը , ցանցի բովանդակությունը ավելի հստակ ձևակերպելու համար:
  • «Navs» բաղադրիչի էջը վերանվանվել է «Navs & Tabs»:
  • «Չեկեր» էջը վերանվանվել է «Չեկեր և ռադիոներ»:
  • Վերանախագծել է navbar-ը և ավելացրել է նոր ենթանավ՝ մեր կայքերն ու փաստաթղթերի տարբերակներն ավելի դյուրին դարձնելու համար:
  • Ավելացվեց ստեղնաշարի նոր դյուրանցում որոնման դաշտի համար 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 query mixins-ի պարամետրերը փոխվել են ավելի տրամաբանական մոտեցման համար:

    • media-breakpoint-down()օգտագործում է ինքնին ընդմիջման կետը հաջորդ ընդմիջման կետի փոխարեն (օրինակ՝ թիրախների media-breakpoint-down(lg)փոխարեն media-breakpoint-down(md)փոքր դիտակետեր lg):
    • Նմանապես, երկրորդ պարամետրը media-breakpoint-between()նաև օգտագործում է ինքնին ընդմիջման կետը հաջորդ բեկման կետի փոխարեն (օրինակ՝ թիրախների տեսադաշտերի media-between(sm, lg)փոխարեն և ).media-breakpoint-between(sm, md)smlg

  • ԿոտրումՏպման ոճերը և $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-shadowmixins-ն այժմ թույլ է տալիս 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և վերև: Մյուս բոլոր բեկման կետերում փոփոխություններ չկան:

  • Բարելավված ջրհեղեղներ. Հեղեղատարները այժմ դրված են 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է հավասար սյունակների՝ առանց նշված չափի:

Բովանդակություն, Reboot և այլն

  • RFS- ն այժմ միացված է լռելյայն: Միքսին օգտագործող վերնագրերնfont-size()ինքնաբերաբար կկարգավորեն իրենցfont-sizeմասշտաբները դիտակետով: Այս հատկությունը նախկինում միացված էր v4-ով:

  • ԿոտրումՎերանորոգվել է մեր ցուցադրման տպագրությունը՝ փոխարինելու մեր $display-*փոփոխականները և $display-font-sizesSass քարտեզով: Նաև հեռացվեց առանձին $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փոխարեն : Սա նաև հնարավորություն է տալիս օգտագործել լիցքավորման կոմունալ ծառայություններ՝ ավելի հաստ բաժանիչներ ստեղծելու համար (օրինակ՝ ):bordersize<hr class="py-1">

  • Վերականգնել կանխադրված հորիզոնականը padding-leftև տարրերը դիտարկիչի լռելյայնից <ul>դեպի :<ol>40px2rem

  • Ավելացված $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վրա հիմնված ազդանշանների, հացաթխման, քարտերի, բացվող ցուցակների, ցուցակների խմբերի, մոդալների, պոպովերի և գործիքների հուշումների միասնական արժեքներ: Տես #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.

  • Ավելացվեց նոր CSS մաքսային հատկություն --bs-breadcrumb-divider՝ հեշտ հարմարեցման համար՝ առանց CSS-ի վերակազմավորման անհրաժեշտության:

Կոճակներ

  • Կոտրում Փոխարկիչի կոճակները , վանդակներով կամ ռադիոյով, այլևս չեն պահանջում JavaScript և ունեն նոր նշում: Մենք այլևս չենք պահանջում փաթաթման տարր, ավելացնել.btn-checkայն<input>և զուգակցել այն որևէ.btnդասի հետ<label>: Տես #30650 : Սրա համար նախատեսված փաստաթղթերը մեր Կոճակների էջից տեղափոխվել են նոր Ձևաթղթեր բաժին:

  • Կոտրում Dropped .btn-block for utilities. Instead of using .btn-block on the .btn, wrap your buttons with .d-grid and a .gap-* utility to space them as needed. Switch to responsive classes for even more control over them. Read the docs for some examples.

  • Updated our button-variant() and button-outline-variant() mixins to support additional parameters.

  • Updated buttons to ensure increased contrast on hover and active states.

  • Disabled buttons now have pointer-events: none;.

Card

  • Breaking Dropped .card-deck in favor of our grid. Wrap your cards in column classes and add a parent .row-cols-* container to recreate card decks (but with more control over responsive alignment).

  • Breaking Dropped .card-columns in favor of Masonry. See #28922.

  • Breaking Replaced the .card based accordion with a new Accordion component.

  • Added new .carousel-dark variant for dark text, controls, and indicators (great for lighter backgrounds).

  • Replaced chevron icons for carousel controls with new SVGs from Bootstrap Icons.

Close button

  • Breaking Renamed .close to .btn-close for a less generic name.

  • Close buttons now use a background-image (embedded SVG) instead of a &times; in the HTML, allowing for easier customization without the need to touch your markup.

  • Added new .btn-close-white variant that uses filter: invert(1) to enable higher contrast dismiss icons against darker backgrounds.

Collapse

  • Removed scroll anchoring for accordions.

  • Added new .dropdown-menu-dark variant and associated variables for on-demand dark dropdowns.

  • Added new variable for $dropdown-padding-x.

  • Darkened the dropdown divider for improved contrast.

  • Breaking All the events for the dropdown are now triggered on the dropdown toggle button and then bubbled up to the parent element.

  • Dropdown menus now have a data-bs-popper="static" attribute set when the positioning of the dropdown is static and data-bs-popper="none" when dropdown is in the navbar. This is added by our JavaScript and helps us use custom position styles without interfering with Popper’s positioning.

  • Breaking Dropped flip option for dropdown plugin in favor of native Popper configuration. You can now disable the flipping behavior by passing an empty array for fallbackPlacements option in flip modifier.

  • Dropdown menus can now be clickable with a new autoClose option to handle the auto close behavior. You can use this option to accept the click inside or outside the dropdown menu to make it interactive.

  • Dropdowns now support .dropdown-items wrapped in <li>s.

Jumbotron

List group

  • Added new null variables for font-size, font-weight, color, and :hover color to the .nav-link class.
  • Breaking Navbars now require a container within (to drastically simplify spacing requirements and CSS required).

Offcanvas

Pagination

  • Pagination links now have customizable margin-left that are dynamically rounded on all corners when separated from one another.

  • Added transitions to pagination links.

Popovers

  • Breaking Renamed .arrow to .popover-arrow in our default popover template.

  • Renamed whiteList option to allowList.

Spinners

  • Spinners now honor prefers-reduced-motion: reduce by slowing down animations. See #31882.

  • Improved spinner vertical alignment.

Toasts

  • Toasts can now be positioned in a .toast-container with the help of positioning utilities.

  • Changed default toast duration to 5 seconds.

  • Removed overflow: hidden from toasts and replaced with proper border-radiuss with calc() functions.

Tooltips

  • Breaking Renamed .arrow to .tooltip-arrow in our default tooltip template.

  • Breaking The default value for the fallbackPlacements is changed to ['top', 'right', 'bottom', 'left'] for better placement of popper elements.

  • Breaking Renamed whiteList option to allowList.

Utilities

  • Breaking Renamed several utilities to use logical property names instead of directional names with the addition of RTL support:

    • Renamed .left-* and .right-* to .start-* and .end-*.
    • Renamed .float-left and .float-right to .float-start and .float-end.
    • Renamed .border-left and .border-right to .border-start and .border-end.
    • Renamed .rounded-left and .rounded-right to .rounded-start and .rounded-end.
    • Renamed .ml-* and .mr-* to .ms-* and .me-*.
    • Renamed .pl-* and .pr-* to .ps-* and .pe-*.
    • Renamed .text-left and .text-right to .text-start and .text-end.

  • Breaking Disabled negative margins by default.

  • Added new .bg-body class for quickly setting the <body>’s background to additional elements.

  • Added new position utilities for top, right, bottom, and left. Values include 0, 50%, and 100% for each property.

  • Added new .translate-middle-x & .translate-middle-y utilities to horizontally or vertically center absolute/fixed positioned elements.

  • Added new border-width utilities.

  • Breaking Renamed .text-monospace to .font-monospace.

  • Breaking Removed .text-hide as it’s an antiquated method for hiding text that shouldn’t be used anymore.

  • Added .fs-* utilities for font-size utilities (with RFS enabled). These use the same scale as HTML’s default headings (1-6, large to small), and can be modified via Sass map.

  • Breaking Renamed .font-weight-* utilities as .fw-* for brevity and consistency.

  • Breaking Renamed .font-style-* utilities as .fst-* for brevity and consistency.

  • Added .d-grid to display utilities and new gap utilities (.gap) for CSS Grid and flexbox layouts.

  • Breaking Removed .rounded-sm and rounded-lg, and introduced a new scale of classes, .rounded-0 to .rounded-3. See #31687.

  • Added new line-height utilities: .lh-1, .lh-sm, .lh-base and .lh-lg. See here.

  • Moved the .d-none utility in our CSS to give it more weight over other display utilities.

  • Extended the .visually-hidden-focusable helper to also work on containers, using :focus-within.

Helpers

  • Breaking Responsive embed helpers have been renamed to ratio helpers with new class names and improved behaviors, as well as a helpful CSS variable.

    • Classes have been renamed to change by to x in the aspect ratio. For example, .ratio-16by9 is now .ratio-16x9.
    • We’ve dropped the .embed-responsive-item and element group selector in favor of a simpler .ratio > * selector. No more class is needed, and the ratio helper now works with any HTML element.
    • The $embed-responsive-aspect-ratios Sass map has been renamed to $aspect-ratios and its values have been simplified to include the class name and the percentage as the key: value pair.
    • CSS variables are now generated and included for each value in the Sass map. Modify the --bs-aspect-ratio variable on the .ratio to create any custom aspect ratio.

  • Breaking “Screen reader” classes are now “visually hidden” classes.

    • Changed the Sass file from scss/helpers/_screenreaders.scss to scss/helpers/_visually-hidden.scss
    • Renamed .sr-only and .sr-only-focusable to .visually-hidden and .visually-hidden-focusable
    • Renamed sr-only() and sr-only-focusable() mixins to visually-hidden() and visually-hidden-focusable().

  • bootstrap-utilities.css now also includes our helpers. Helpers don’t need to be imported in custom builds anymore.

JavaScript

  • Dropped jQuery dependency and rewrote plugins to be in regular JavaScript.

  • Breaking Data attributes for all JavaScript plugins are now namespaced to help distinguish Bootstrap functionality from third parties and your own code. For example, we use data-bs-toggle instead of data-toggle.

  • All plugins can now accept a CSS selector as the first argument. You can either pass a DOM element or any valid CSS selector to create a new instance of the plugin:

    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.

  • Հանրային ստատիկ մեթոդներից հանվել է ընդգծումը, օրինակ՝ _getInstance()→ getInstance():