V5
V4-дән v5-ка күченергә ярдәм итәр өчен Bootstrap чыганак файлларына, документларына, компонентларына булган үзгәрешләрне күзәтегез һәм карагыз.
Бәйләнешләр
- JQuery ташланды.
- Popper v1.x -тан Popper v2.x-ка яңартылды.
- Libsass-ны Дарт Сасс белән алыштырдык, чөнки безнең Libass-ны бирелгән Sass компиляциясе искерде.
- Документацияләр төзү өчен Джекиллдан Угога күчендек
Браузер ярдәме
- Internet Explorer 10 һәм 11 ташланды
- Microsoft Edge ташланды <16 (Мирас кыры)
- Firefox <60
- Сафари ташланды <12
- IOS Safari ташланды <12
- Chrome <60
Документация үзгәрә
- Баш бит, документлар макеты, аста.
- Яңа Посылка кулланмасы өстәлде .
- V4-ның Тема битен алыштырып , Sass-ның яңа детальләре, глобаль конфигурация параметрлары, төс схемалары, CSS үзгәрүчәннәре һәм башкалар белән яңа Customize бүлеге өстәлде .
- Барлык форма документларын яңа формалар бүлегенә үзгәртеп , эчтәлекне күбрәк игътибарлы битләргә бүлеп.
- Шулай ук, челтәр эчтәлеген тагын да яхшырак белү өчен , Layout бүлеген яңартты .
- "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()
. # 29083 кара .gray()
-
Бозу
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
кыйммәтләрне рөхсәт итәләр һәмnone
берничә аргументтан төшәләр. Карагыз # 30394 . -
Миксинның
border-radius()
хәзерге вакытта кыйммәте бар.
Төсләр системасы
-
Яңа төс системасы белән эшләгән
color-level()
һәм$theme-color-interval
бетерелгән төс системасы. Безнең код базасындагы барлык функцияләрlighten()
һәм . Бу функцияләр төсне ак яки кара белән кушачак, аның җиңеллеген билгеле күләмдә үзгәртү урынына. Васыять яисә аның параметры уңай яки тискәре булуына карап төсне төсле итәчәк. Төгәлрәк мәгълүмат өчен 30 30622 карагыз .darken()
tint-color()
shade-color()
shift-color()
-
Colorәр төс өчен яңа төсләр һәм күләгәләр өстәлде, һәр төп төс өчен тугыз аерым төс бирелде, яңа Sass үзгәрүчәннәре.
-
Яхшыртылган төс контрасты. WCAG 2.1 AA контрастын тәэмин итү өчен 3: 1 дән 4,5: 1гә кадәр төс контраст коэффициенты һәм яңартылган зәңгәр, яшел, циан, алсу төсләр.
$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 һәм флекс коммуналь битләрен карагыз . -
Бозу
bootstrap-grid.css
хәзерbox-sizing: border-box
глобаль сандыкны үзгәртү урынына баганага гына кагыла. Шул рәвешле, безнең челтәр стильләре комачауламыйча күбрәк урыннарда кулланылырга мөмкин. -
$enable-grid-classes
инде контейнер классларын булдыруны туктатмый. 2929146 кара. -
Миксинны
make-col
билгеле зурлыктагы тигез баганаларга килешү буенча яңартты.
Эчтәлек, яңадан башлау һ.б.
-
RFS хәзер килешү буенча кушылган. Миксин кулланган рубрикалар
font-size()
автоматик рәвештә аларныңfont-size
масштабына көйләнәчәк. Бу үзенчәлек элек v4 белән оптималь булган. -
Бозу
$display-*
Variзгәрешлеләребезне һәм$display-font-sizes
Sass картасы белән алыштыру өчен безнең дисплей типографиясен капиталь ремонтладылар .$display-*-weight
Шулай ук бер$display-font-weight
һәм көйләнгәнfont-size
s өчен аерым үзгәрешләрне бетерделәр . -
Ике яңа
.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
. 2929135 кара -
Бозу
.text-*
Коммуналь хезмәтләр өстәмә сылтамаларга өстәмә фокус өстәмиләр..link-*
аның урынына ярдәмче класслар кулланырга мөмкин. 2929267 кара -
БозуКласс
.text-justify
. Кара # 29793 -
Килешү буенча горизонталь
padding-left
һәм<ul>
элементларны<ol>
браузердан40px
башлап2rem
. -
Өстәлде
$enable-smooth-scroll
, бу глобаль кулланыла - медиа соравыscroll-behavior: smooth
аша хәрәкәтне киметүне сораган кулланучылардан кала . 31 31877 караprefers-reduced-motion
РТЛ
- Горизонталь юнәлешнең махсус үзгәрүчәннәре, коммуналь хезмәтләр, миксиннар барысы да флексбокс макетларында булган логик үзлекләрне куллану өчен үзгәртелде, мәсәлән ,
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
. -
scss/forms/
Керү төркеме стильләрен кертеп, үзгәртелгән чыганак Sass файллары .
Компонентлар
padding
Сигнализация, икмәк кисәкләре, карточкалар, тамчылар, исемлек төркемнәре, модальләр, поповерлар, кораллар өчен бердәм кыйммәтләр безнең$spacer
үзгәрүчәнгә нигезләнергә тиеш. Карагыз # 30564 .
Аккордеон
- Яңа аккордеон компоненты өстәлде .
Сигнализация
-
Сигнализацияләрдә хәзер иконалар белән мисаллар бар .
-
Sәрбер сигнализациядә 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 махсус милеге өстәлде.
Кнопкалар
-
Бозу Тикшерү төймәләре , ящиклар яки радиолар белән, 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
вариант өстәлде (җиңелрәк фон өчен бик яхшы). -
Карусель контроле өчен шеврон иконаларын Bootstrap иконаларыннан яңа SVGлар белән алыштырдылар .
Ябу төймәсе
-
БозуАзрак гомуми исем белән
.close
үзгәртелде ..btn-close
-
Ябу төймәләре хәзер HTML'та
background-image
(урнаштырылган SVG) кулланалар×
, сезнең билгеләргә кагылмыйча, җиңелрәк көйләү мөмкинлеген бирә. -
Караңгы фонда югары контрастлы иконаларны эшләтеп җибәрү өчен кулланыла торган яңа
.btn-close-white
вариант өстәлде.filter: invert(1)
Apseимерелү
- Аккордеон өчен әйләндергеч люкны бетерделәр.
Тамчы
-
Таләп ителгән караңгы төшү өчен яңа
.dropdown-menu-dark
вариант һәм бәйләнешле үзгәрешләр өстәлде. -
Өчен яңа үзгәрүчән өстәлде
$dropdown-padding-x
. -
Яхшыртылган контраст өчен тамчы бүлүчене караңгыландырды.
-
БозуАчылу өчен барлык вакыйгалар хәзер төшү төймәсенә күчә, аннары төп элементка күчә.
-
Ачылу менюлары хәзер
data-bs-popper="static"
атрибутлар җыелмасы урнашкан тамчы статикdata-bs-popper="none"
булганда һәм тамчы диңгез тактасында булганда. Бу безнең JavaScript белән өстәлде һәм Popper позициясенә комачауламыйча, махсус позиция стильләрен кулланырга булыша. -
Бозу
flip
Туган Поппер конфигурациясе файдасына тамчы плагин өчен ташланган вариант. Сез хәзер флип модификатордаfallbackPlacements
вариант өчен буш массивны узып, әйләнеш тәртибен сүндерә аласыз. -
Тамчы менюлары хәзер автоматик якын тәртип
autoClose
белән идарә итүнең яңа варианты белән чирттерелергә мөмкин . Сез бу вариантны интерактив итәр өчен тамчы меню эчендә яки тышында кабул итүне кабул итә аласыз. -
Тамчы тамчылары хәзер
.dropdown-item
s белән төрелгән<li>
.
Джамботрон
- БозуДжумботрон компонентын ташлады, чөнки аны коммуналь хезмәтләр белән кабатларга мөмкин. Демо өчен безнең яңа Jumbotron мисалын карагыз.
Төркем исемлеге
- Төркемнәр исемлегенә яңа
.list-group-numbered
үзгәртүче өстәлде .
Хәрби диңгезләр
- , Һәм класс өчен яңа
null
үзгәрешләр өстәлде .font-size
font-weight
color
:hover
color
.nav-link
Хәрби диңгез
- БозуNavbars хәзер контейнер таләп итә (аралар таләпләрен һәм CSS таләпләрен кискен гадиләштерү өчен).
Офканвас
Пагинация
-
Пагинация сылтамалары хәзер көйләнә
margin-left
ала, алар бер-берсеннән аерылганда барлык почмакларда динамик түгәрәкләнәләр. -
transition
Пагинация сылтамаларына s өстәлде .
Поповерлар
-
БозуКилешү поповер шаблонында үзгәртелде
.arrow
..popover-arrow
-
whiteList
Вариантның исеме үзгәртелдеallowList
.
Спиннерлар
-
Спиннерлар
prefers-reduced-motion: reduce
анимацияләрне әкренләп хөрмәт итәләр. 31 31882 кара . -
Яхшыртылган әйләндергеч вертикаль тигезләү.
Тостлар
-
Тостларны хәзер урнаштыру коммуналь хезмәтләре
.toast-container
ярдәмендә урнаштырырга мөмкин . -
Килешү тостның озынлыгы 5 секундка үзгәртелде.
-
Тостлардан алынды
overflow: hidden
һәм функцияләр белән тиешлеborder-radius
s белән алыштырылдыcalc()
.
Кораллар
-
БозуКилешү кораллары шаблонында үзгәртелде
.arrow
..tooltip-arrow
-
БозуКилешү кыйммәте поппер элементларын яхшырак урнаштыру өчен
fallbackPlacements
үзгәртелә .['top', 'right', 'bottom', 'left']
-
Бозу
whiteList
Вариантның исеме үзгәртелдеallowList
.
Коммуналь хезмәтләр
-
БозуРТЛ ярдәме белән юнәлешле исемнәр урынына логик милек исемнәрен куллану өчен берничә коммуналь хезмәтнең исемен үзгәрттеләр:
- Исеме үзгәртелде
.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
-
БозуИсеменә үзгәртелде
.text-monospace
..font-monospace
-
Бозу
.text-hide
Бу инде кулланылырга тиеш булмаган текстны яшерү өчен борыңгы ысул . -
.fs-*
Коммуналь хезмәтләр өчен коммуналь хезмәтләр өстәлдеfont-size
(RFS кушылган). Алар HTML'ның төп башламнары белән бер үк масштаб кулланалар (1-6, зурдан кечкенә), һәм Sass картасы аша үзгәртелергә мөмкин. -
БозуТизлек һәм эзлеклелек өчен
.font-weight-*
коммуналь хезмәтләр исемен үзгәрттеләр ..fw-*
-
БозуТизлек һәм эзлеклелек өчен
.font-style-*
коммуналь хезмәтләр исемен үзгәрттеләр ..fst-*
-
CSS челтәре һәм флексбокс макетлары өчен коммуналь
.d-grid
хезмәтләр һәм яңаgap
инженерлар ( ) күрсәтү өчен өстәлде ..gap
-
БозуЧыгарылды
.rounded-sm
һәмrounded-lg
классларның яңа масштабын.rounded-0
кертте.rounded-3
. 31 31687 кара . -
Яңа
line-height
коммуналь хезмәтләр өстәлде :.lh-1
,, һәм . Монда карагыз ..lh-sm
.lh-base
.lh-lg
-
.d-none
Башка күрсәтү коммуналь хезмәтләренә караганда күбрәк авырлык бирү өчен, безнең CSS программасын күчерде . -
Кулланучыны
.visually-hidden-focusable
контейнерларда эшләргә киңәйтте, кулланып:focus-within
.
Ярдәмчеләр
-
Бозу Respаваплы урнаштырылган ярдәмчеләр яңа класс исемнәре һәм яхшыртылган тәртип, шулай ук файдалы CSS үзгәрүчесе булган ярдәмчеләргә үзгәртелде.
- Класслар аспект нисбәтенә үзгәрү
by
өчен үзгәртелде .x
Мәсәлән,.ratio-16by9
хәзер.ratio-16x9
. - Без
.embed-responsive-item
һәм элемент төркеме селекторын гадирәк селектор файдасына ташладык.ratio > *
. Бүтән класс кирәк түгел, һәм катнашу ярдәмчесе хәзер теләсә нинди HTML элементы белән эшли. $embed-responsive-aspect-ratios
Сасс картасы үзгәртелде һәм аның кыйммәтләре класс исемен һәм процентны пар$aspect-ratios
итеп кертү өчен гадиләштерелде .key: value
- CSS үзгәрүчәннәре хәзер ясала һәм Sass картасында һәр кыйммәт өчен кертелә. Customзгәртүченең теләсә нинди үзенчәлекле өлешен булдыру
--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
Bootstrap'ның демократик Popper конфигурациясен аргумент итеп кабул итүче функция буларак кабул ителергә мөмкин, шулай итеп сез бу килешү конфигурациясен үз юлыгызда берләштерә аласыз. Тамчыларга, поповерларга, корал киңәшләренә кагыла. -
Поппер элементларын яхшырак урнаштыру өчен, килешү бәясе
fallbackPlacements
үзгәртелә . Тамчыларга, поповерларга, корал киңәшләренә кагыла.['top', 'right', 'bottom', 'left']
-
_getInstance()
Public кебек статик ысуллардан аскы сызык алындыgetInstance()
.