Төп эчтәлеккә күчү Документлар навигациясенә күчү

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)smlg
  • БозуБасма стильләре һәм $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-focushover-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-sizesSass картасы белән алыштыру өчен безнең дисплей типографиясен капиталь ремонтладылар . $display-*-weightШулай ук ​​бер $display-font-weightһәм көйләнгән font-sizes өчен аерым үзгәрешләрне бетерделәр .

  • Ике яңа .display-*баш размер өстәлде, .display-5һәм .display-6.

  • Ссылкалар , билгеле компонентларның өлеше булмаса, килешү буенча ассызыклана .

  • Стильләрен яңарту һәм CSS үзгәрүчәннәре белән яңадан торгызу өчен таблицаларны яңадан эшкәртү .

  • БозуОяланган таблицалар стильләрне мирас итмиләр.

  • Бозу .thead-lightһәм барлык өстәл элементлары өчен кулланыла ала .thead-darkторган вариант класслары файдасына төшерелә ( ,,, һәм , ) ..table-*theadtbodytfoottrthtd

  • БозуМиксин 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урынына .leftright

Формалар

  • Яңа йөзү формалары өстәлде! Без йөзүче этикеткалар үрнәген тулысынча хупланган форма компонентларына күтәрдек. Яңа йөзү ярлыклары битен карагыз.

  • Бозу Консолидацияләнгән туган һәм гадәти форма элементлары. 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инде displayHTML элементын үзгәртеп, теләгәнчә ярдәм текстын ясарга яки блок текстын булдырырга мөмкинлек бирә.

  • Тикшерү иконалары инде <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-dividerCSS -ны компиляцияләмичә, җиңел көйләү өчен яңа 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аккордеонны яңа Аккордеон компоненты белән алыштырды .

Ябу төймәсе

  • БозуАзрак гомуми исем белән .closeүзгәртелде ..btn-close

  • Ябу төймәләре хәзер HTML'та background-image(урнаштырылган SVG) кулланалар &times;, сезнең билгеләргә кагылмыйча, җиңелрәк көйләү мөмкинлеген бирә.

  • Караңгы фонда югары контрастлы иконаларны эшләтеп җибәрү өчен кулланыла торган яңа .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-items белән төрелгән <li>.

Джамботрон

Төркем исемлеге

  • , Һәм класс өчен яңа nullүзгәрешләр өстәлде .font-sizefont-weightcolor: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-radiuss белән алыштырылды 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>

  • ,, Һәм өчен яңа позиция ярдәме өстәлде . Кыйммәтләр үз эченә ала , һәм һәр мөлкәт өчен.toprightbottomleft050%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-*

  • 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()
  • 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"]')
    
  • popperConfigBootstrap'ның демократик Popper конфигурациясен аргумент итеп кабул итүче функция буларак кабул ителергә мөмкин, шулай итеп сез бу килешү конфигурациясен үз юлыгызда берләштерә аласыз. Тамчыларга, поповерларга, корал киңәшләренә кагыла.

  • Поппер элементларын яхшырак урнаштыру өчен, килешү бәясе fallbackPlacementsүзгәртелә . Тамчыларга, поповерларга, корал киңәшләренә кагыла.['top', 'right', 'bottom', 'left']

  • _getInstance()Public кебек статик ысуллардан аскы сызык алынды getInstance().