ЈаваСцрипт
Оживите Боотстрап-ове компоненте са преко десетак прилагођених јКуери додатака. Лако их укључите све или један по један.
Оживите Боотстрап-ове компоненте са преко десетак прилагођених јКуери додатака. Лако их укључите све или један по један.
Додаци се могу укључити појединачно (користећи Боотстрап појединачне *.js
датотеке), или све одједном (користећи bootstrap.js
или минимизирани bootstrap.min.js
).
Оба bootstrap.js
и bootstrap.min.js
садрже све додатке у једној датотеци. Укључите само једну.
Неки додаци и ЦСС компоненте зависе од других додатака. Ако укључите додатке појединачно, проверите да ли постоје ове зависности у документима. Такође имајте на уму да сви додаци зависе од јКуери-ја (то значи да јКуери мора бити укључен пре датотека додатака). Консултујте нашеbower.json
да видите које су верзије јКуери-ја подржане.
Можете користити све додатке за Боотстрап искључиво преко АПИ-ја за означавање без писања ниједног реда ЈаваСцрипт-а. Ово је Боотстрап-ов првокласни АПИ и требало би да буде ваша прва пажња када користите додатак.
Међутим, у неким ситуацијама може бити пожељно да искључите ову функцију. Стога, такође пружамо могућност да онемогућимо АПИ атрибута података тако што ћемо опозвати све догађаје у документу са простором имена са data-api
. ово изгледа овако:
Алтернативно, да бисте циљали одређени додатак, само укључите име додатка као именски простор заједно са дата-апи именским простором овако:
Не користите атрибуте података из више додатака на истом елементу. На пример, дугме не може истовремено да има опис алата и да мења модалитет. Да бисте то постигли, користите елемент за омотавање.
Такође верујемо да би требало да будете у могућности да користите све додатке за Боотстрап искључиво преко ЈаваСцрипт АПИ-ја. Сви јавни АПИ-ји су једноструки, ланчани методи и враћају колекцију на коју се поступа.
Све методе треба да прихвате опциони објекат опција, стринг који циља одређени метод или ништа (што покреће додатак са подразумеваним понашањем):
Сваки додатак такође излаже свој сирови конструктор на Constructor
својству: $.fn.popover.Constructor
. Ако желите да добијете одређену инстанцу додатка, преузмите је директно из елемента: $('[rel="popover"]').data('popover')
.
Можете да промените подразумевана подешавања за додатак тако што ћете изменити Constructor.DEFAULTS
објекат додатка:
Понекад је потребно користити додатке за Боотстрап са другим оквирима корисничког интерфејса. У овим околностима повремено се могу појавити колизије простора имена. Ако се то догоди, можете позвати .noConflict
додатак којем желите да вратите вредност.
Боотстрап обезбеђује прилагођене догађаје за јединствене радње већине додатака. Генерално, они долазе у облику инфинитива и партиципа у прошлости – где се инфинитив (нпр. show
) покреће на почетку догађаја, а његов глаголски облик у прошлости (нпр. shown
) се покреће по завршетку радње.
Од верзије 3.0.0, сви Боотстрап догађаји имају простор имена.
Сви инфинитивни догађаји пружају preventDefault
функционалност. Ово пружа могућност заустављања извршења радње пре него што она почне.
Верзији сваког од Боотстрап-ових јКуери додатака може се приступити преко VERSION
својства конструктора додатка. На пример, за додатак са описом алатки:
Боотстрап-ови додаци се не враћају посебно грациозно када је ЈаваСцрипт онемогућен. Ако вам је стало до корисничког искуства у овом случају, користите <noscript>
да објасните ситуацију (и како да поново омогућите ЈаваСцрипт) својим корисницима и/или додајте сопствене прилагођене резерве.
Боотстрап званично не подржава ЈаваСцрипт библиотеке трећих страна као што су Прототипе или јКуери УИ. Упркос .noConflict
догађајима у именском простору, могу постојати проблеми са компатибилношћу које морате сами да решите.
За једноставне ефекте транзиције, укључите transition.js
једном уз друге ЈС датотеке. Ако користите преведену (или минимизирану) bootstrap.js
, нема потребе да ово укључујете – већ је ту.
Транситион.јс је основни помоћник за transitionEnd
догађаје, као и ЦСС емулатор прелаза. Користе га други додаци за проверу подршке за ЦСС прелазе и за хватање прелаза који висе.
Прелази се могу глобално онемогућити коришћењем следећег ЈаваСцрипт исечка, који мора доћи након transition.js
(или bootstrap.js
или bootstrap.min.js
, у зависности од случаја) учитавања:
Модали су поједностављени, али флексибилни, упутства за дијалог са минималном потребном функционалношћу и паметним подразумеваним подешавањима.
Пазите да не отварате модал док је други још увек видљив. Приказивање више од једног модала истовремено захтева прилагођени код.
Увек покушајте да поставите ХТМЛ код модала на позицију највишег нивоа у вашем документу да бисте избегли друге компоненте које утичу на изглед и/или функционалност модала.
Постоје нека упозорења у вези са коришћењем модала на мобилним уређајима. Погледајте нашу документацију за подршку претраживача за детаље.
Због начина на који ХТМЛ5 дефинише своју семантику, autofocus
ХТМЛ атрибут нема ефекта у Боотстрап модалима. Да бисте постигли исти ефекат, користите неки прилагођени ЈаваСцрипт:
Приказани модални са заглављем, телом и скупом радњи у подножју.
Пребаците модал преко ЈаваСцрипт-а кликом на дугме испод. Клизиће надоле и избледети са врха странице.
Обавезно додајте role="dialog"
и aria-labelledby="..."
, позивајући се на модални наслов, на .modal
, и role="document"
на .modal-dialog
себе.
Поред тога, можете дати опис свог модалног дијалога са aria-describedby
на .modal
.
Уградња ИоуТубе видео снимака у модале захтева додатни ЈаваСцрипт који није у Боотстрапу да би се аутоматски зауставила репродукција и још много тога. Погледајте ову корисну објаву Стацк Оверфлов за више информација.
Модали имају две опционе величине, доступне преко класа модификатора које се постављају на .modal-dialog
.
За модале који се једноставно појављују, а не бледе, уклоните .fade
класу из модалне ознаке.
Да бисте искористили предности Боотстрап грид система унутар модалног, само угнездите .row
с унутар, .modal-body
а затим користите нормалне класе система мреже.
Имате гомилу дугмади која сви покрећу исти модал, само са мало другачијим садржајем? Користите event.relatedTarget
и ХТМЛ data-*
атрибуте (могуће преко јКуери ) да бисте променили садржај модала у зависности од тога на које дугме сте кликнули. Погледајте документацију о модалним догађајима за детаље о relatedTarget
,
Модални додатак укључује ваш скривени садржај на захтев, преко атрибута података или ЈаваСцрипт-а. Такође додаје .modal-open
да се <body>
заобиђе подразумевано понашање померања и генерише а .modal-backdrop
да би се обезбедила област клика за одбацивање приказаних модала када се кликне ван модалног.
Активирајте модал без писања ЈаваСцрипт-а. Поставите data-toggle="modal"
на елемент контролера, попут дугмета, заједно са data-target="#foo"
или href="#foo"
да бисте циљали одређени модал за пребацивање.
Позовите модални са ИД myModal
-ом са једном линијом ЈаваСцрипт-а:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-backdrop=""
.
Име | тип | Уобичајено | Опис |
---|---|---|---|
позадина | боолеан или стринг'static' |
истинито | Укључује елемент модалне позадине. Алтернативно, наведите static за позадину која не затвара модал на клик. |
тастатура | боолеан | истинито | Затвара модал када се притисне тастер за излаз |
Прикажи | боолеан | истинито | Приказује модални када се иницијализира. |
даљински | пут | лажно | Ова опција је застарела од в3.3.0 и уклоњена је у в4. Уместо тога, препоручујемо коришћење шаблона на страни клијента или оквира за повезивање података, или да сами позовете јКуери.лоад . Ако је удаљена УРЛ адреса, садржај ће се једном учитати преко јКуери |
.modal(options)
Активира ваш садржај као модални. Прихвата опционе опције object
.
.modal('toggle')
Ручно пребацује модал. Враћа позиваоцу пре него што је модал заиста приказан или сакривен (тј. пре него што се деси догађај shown.bs.modal
или ).hidden.bs.modal
.modal('show')
Ручно отвара модал. Враћа позиваоцу пре него што је модал заиста приказан (тј. пре него што се shown.bs.modal
догађај деси).
.modal('hide')
Ручно сакрива модал. Враћа позиваоцу пре него што је модал заиста сакривен (тј. пре него што се hidden.bs.modal
догађај деси).
.modal('handleUpdate')
Поново подешава позиционирање модала да би се супротставио траки за померање у случају да се појави, што би довело до модалног скока улево.
Потребно само када се висина модала промени док је отворена.
Боотстрап-ова модална класа излаже неколико догађаја за спајање на модалну функционалност.
Сви модални догађаји се активирају на самом модалном (тј. на <div class="modal">
).
Тип догађаја | Опис |
---|---|
схов.бс.модал | Овај догађај се покреће одмах када show се позове метод инстанце. Ако је изазван кликом, елемент на који се кликне је доступан као relatedTarget својство догађаја. |
приказано.бс.модал | Овај догађај се покреће када модал постане видљив кориснику (сачекаће да се ЦСС транзиције доврше). Ако је изазван кликом, елемент на који се кликне је доступан као relatedTarget својство догађаја. |
хиде.бс.модал | Овај догађај се покреће одмах када hide се позове метод инстанце. |
хидден.бс.модал | Овај догађај се покреће када модал заврши са сакривањем од корисника (сачекаће да се ЦСС транзиције доврше). |
лоадед.бс.модал | Овај догађај се покреће када модал учита садржај користећи remote опцију. |
Додајте падајуће меније у скоро све помоћу овог једноставног додатка, укључујући навигациону траку, картице и таблете.
Преко атрибута података или ЈаваСцрипт-а, падајући додатак укључује скривени садржај (падајући менији) тако што укључује .open
класу на родитељској листи.
На мобилним уређајима, отварање падајућег менија додаје а .dropdown-backdrop
као област за додир за затварање падајућих менија када додирнете ван менија, што је услов за исправну подршку за иОС. То значи да прелазак са отвореног падајућег менија на други падајући мени захтева додатни додир на мобилном телефону.
Напомена: data-toggle="dropdown"
Атрибут се ослања на затварање падајућих менија на нивоу апликације, тако да је добра идеја да га увек користите.
Додајте data-toggle="dropdown"
везу или дугме да бисте укључили падајући мени.
Да би УРЛ-ови остали нетакнути дугмадима за везу, користите data-target
атрибут уместо href="#"
.
Позовите падајуће меније преко ЈаваСцрипт-а:
data-toggle="dropdown"
још увек потребноБез обзира да ли позивате падајући мени преко ЈаваСцрипт-а или уместо тога користите дата-апи, data-toggle="dropdown"
увек је потребно да буде присутан на елементу покретача падајућег менија.
Ниједан
$().dropdown('toggle')
Пребацује падајући мени дате навигационе траке или навигације са картицама.
Сви догађаји падајућег менија се активирају на .dropdown-menu
родитељском елементу 'с.
Сви догађаји падајућег менија имају relatedTarget
својство чија је вредност преклопни елемент сидра.
Тип догађаја | Опис |
---|---|
схов.бс.дропдовн | Овај догађај се покреће одмах када се позове метода схов инстанце. |
приказано.бс.падајући мени | Овај догађај се покреће када падајући мени постане видљив кориснику (сачекаће да се ЦСС транзиције доврше). |
хиде.бс.дропдовн | Овај догађај се покреће одмах када се позове метод сакривања инстанце. |
хидден.бс.дропдовн | Овај догађај се покреће када се падајући мени заврши са сакривањем од корисника (сачекаће да се ЦСС транзиције доврше). |
Додатак СцроллСпи служи за аутоматско ажурирање навигационих циљева на основу положаја померања. Померајте област испод траке за навигацију и гледајте како се активна класа мења. Падајуће подставке ће такође бити истакнуте.
Оглас хеланке кеитар, брунцх ид арт парти долор лаборе. Виле ир еним ло-фи пре него што су распродали куи. Тумблр права на бицикл од фарме до стола. Аним кеффииех царлес кардиган. Фото кабина Велита сеитана мцсвеенеија 3 волф моон ируре. Цосби џемпер ломо јеан шортс, Виллиамсбург хоодие миним куи за које вероватно нисте чули и кардиган труст фонд цулпа биодиесел вес андерсон аестхетиц. Нихил тетовирани акузамус, цред иронија биодизел кеффииех артисан улламцо цонсекуат.
Вениам марфа бркови скејтборд, адиписицинг фугиат велит питцхфорк брада. Фрееган брада аликуа цупидатат мцсвеенеи'с веро. Цупидатат фоур локо ниси, еа хелветица нулла царлес. Тетовирани косби џемпер камион за храну, мцсвеенеи'с куис нон фрееган винил. Ло-фи вес андерсон +1 сарториал. Царлесова неестетска вежба куис гентрифи. Брооклин адиписицинг занатско пиво вице кеитар десерунт.
Оццаецат цоммодо аликуа делецтус. Фап црафт пиво десерунт скејтборд еа. Ломо бицицле ригхтс адиписицинг банх ми, велит еа сунт нект левел лоцаворе кафа једног порекла у магна вениам. Хигх лифе ид винил, ецхо парк цонсекуат куис аликуип банх ми питцхфорк. Веро ВХС ест адиписицинг. Цонсецтетур ниси ДИИ мини торба за курир. Цред ек ин, одрживи делецтус цонсецтетур фанни пацк ипхоне.
У инцидентном ехо парку, проидентни мајстор официа десерунт мцсвеенеи-а чисти тхундерцатс сапиенте вениам. Екцептеур ВХС елит, проидент Схоредитцх +1 биодизел лабораторијско занатско пиво. Путници кафе једног порекла ируре четири локо, цупидатат Терри рицхардсон мастер цлеансе. Претпостављам да вероватно нисте чули за њих арт парти фанни пацк, тетовирани нулла кардиган темпор ад. Проидент волф несциунт сарториал кеффииех еу банх ми сустаинабле. Елит волф волуптате, ло-фи еа портланд пре него што су распродали четири лока. Лоцаворе еним ноструд млксхк брооклин несциунт.
Оглас хеланке кеитар, брунцх ид арт парти долор лаборе. Виле ир еним ло-фи пре него што су распродали куи. Тумблр права на бицикл од фарме до стола. Аним кеффииех царлес кардиган. Фото кабина Велита сеитана мцсвеенеија 3 волф моон ируре. Цосби џемпер ломо јеан шортс, Виллиамсбург хоодие миним куи за које вероватно нисте чули и кардиган труст фонд цулпа биодиесел вес андерсон аестхетиц. Нихил тетовирани акузамус, цред иронија биодизел кеффииех артисан улламцо цонсекуат.
Кеитар твее блог, цулпа мессенгер баг марфа вхатевер делецтус фоод труцк. Сапиенте синтх ид аццептнда. Лоцаворе сед хелветица клише иронија, тхундерцатс за које вероватно нисте чули као последица ло-фи фап аликуипа дуксерица без глутена. Лаборе елит плацеат пре него што су распродати, Терри Рицхардсон проидент бранч несциунт куис цосби џемпер париатур кеффииех у хелветица артисан. Кардиган занатско пиво сеитан реадимаде велит. ВХС цхамбраи лаборис темпор вениам. Аним моллит миним цоммодо улламцо тхундерцатс.
Везе за Навбар морају имати разлучиве циљеве ИД-а. На пример, <a href="#home">home</a>
мора одговарати нечему у ДОМ-у као што је <div id="home"></div>
.
:visible
елементи су занемарениЦиљни елементи који нису у :visible
складу са јКуери -јем биће занемарени и њихове одговарајуће навигационе ставке никада неће бити истакнуте.
Без обзира на метод имплементације, сцроллспи захтева употребу position: relative;
на елементу који шпијунирате. У већини случајева ово је <body>
. Када скролујете друге елементе осим <body>
, обавезно имате height
сет и overflow-y: scroll;
примењен.
Да бисте лако додали понашање скроловања вашој навигацији на горњој траци, додајте data-spy="scroll"
елементу који желите да шпијунирате (најчешће би то био <body>
). Затим додајте data-target
атрибут са ИД-ом или класом родитељског елемента било које Боотстрап .nav
компоненте.
Након што додате position: relative;
свој ЦСС, позовите сцроллспи преко ЈаваСцрипт-а:
.scrollspy('refresh')
Када користите сцроллспи у комбинацији са додавањем или уклањањем елемената из ДОМ-а, мораћете да позовете метод освежавања на следећи начин:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-offset=""
.
Име | тип | Уобичајено | Опис |
---|---|---|---|
офсет | број | 10 | Пиксели за померање од врха приликом израчунавања положаја померања. |
Тип догађаја | Опис |
---|---|
ацтивате.бс.сцроллспи | Овај догађај се покреће сваки пут када се нова ставка активира помоћу сцроллспи-а. |
Додајте брзу, динамичку функционалност картица за прелазак кроз окна локалног садржаја, чак и преко падајућих менија. Угнежђене картице нису подржане.
Сирови тексас за који вероватно нисте чули за фармерке Аустин. Несциунт тофу стумптовн аликуа, ретро синт мајстор за чишћење. Бркови клише темпор, Виллиамсбург Царлес веганска хелветица. Репрехендерит бутцхер ретро кеффииех дреамцатцхер синтх. Цосби џемпер еу банх ми, куи ируре Терри рицхардсон ек скуид. Аликуип плацеат салвиа циллум ипхоне. Сеитан аликуип куис кардиган америчка одећа, месар волуптате ниси куи.
Фикси локаворе камион са храном, лигња кафе од једног порекла Ацузамуса Мексвинија марфа нулла. Екерцитатион +1 лаборе велит, блог сарториал ПБР хеланке следећег нивоа вес андерсон артисан фоур локо фарм-то-табле црафт беер твее. Куи пхото боотх висока штампа, цоммодо еним црафт пиво млксхк аликуип јеан шортс улламцо ад винил циллум ПБР. Хомо ноструд органски, претпостављанда лаборе естетски магна делецтус моллит. Кеитар хелветица ВХС салвиа ир, веро магна велит сапиенте лаборе стумптовн. Веган фанни пакет одио циллум вес андерсон 8-бит, одрживи џинс шортс брада и уради сам етичка кривица Терри рицхардсон биодизел. Уметничка забава сценестер стумптовн, тумблр месар веро синт куи сапиенте аццамус тетовирани ехо парк.
Етси миктапе ваифарерс, етички вес андерсон тофу пре него што су распродали Мцсвеенеијев органски ломо ретро фанни пакет ло-фи готови од фарме до стола. Мессенгер баг гентрифи питцхфорк тетовирано занатско пиво, ипхоне скејтборд лоцаворе царлес етси салвиа банкси хоодие хелветица. ДИИ синтисајзер ПБР банкси иронија. Хеланке гентрифи скуид 8-бит цред питцхфорк. Виллиамсбург банх ми вхатевер без глутена, царлес питцхфорк биодиесел фикие етси ретро млксхк вице блог. Сценестер цред вероватно нисте чули за њих, блог о винил црафт пиву стумптовн. Виле одрживи тофу синт цхамбраи год.
Труст фунд сеитан хигх пресс, кеитар рав деним кеффииех етси арт парти пре него што су распродали мастер цлеансе лигње без глутена, сценестер фрееган цосби џемпер. Фанни пацк портланд сеитан ДИИ, уметничка забава лоцаворе вук клише хигх лифе ецхо парк Аустин. Цред винил кеффииех ДИИ салвиа ПБР, банх ми пре него што су распродали ВХС вирусни лоцаворе цосби џемпер од фарме до стола. Ломо вук вирални, бркови готови громови кефије занатско пиво марфа етичко. Волф салвиа фрееган, сарториал кеффииех ецхо парк вегански.
Овај додатак проширује компоненту за навигацију са картицама да би додала области са картицама.
Омогућите картице са картицама преко ЈаваСцрипт-а (свака картица треба да се активира појединачно):
Појединачне картице можете активирати на неколико начина:
Можете активирати навигацију по картици или таблетама без писања ЈаваСцрипта једноставним навођењем data-toggle="tab"
или data-toggle="pill"
на елементу. Додавањем класа и на картицу nav
примениће се стил картице Боотстрап , док ће се додавањем и класа применити стил пилуле .nav-tabs
ul
nav
nav-pills
Да бисте учинили да картице нестају, додајте .fade
сваком .tab-pane
. Прво окно са картицама такође мора .in
да учини видљивим почетни садржај.
$().tab
Активира елемент картице и контејнер садржаја. Картица би требало да има data-target
или href
циљни чвор контејнера у ДОМ-у. У горњим примерима, картице су <a>
с са data-toggle="tab"
атрибутима.
.tab('show')
Бира дату картицу и приказује придружени садржај. Било која друга картица која је претходно изабрана постаје поништена, а њен повезани садржај је скривен. Враћа се позиваоцу пре него што је табулатор стварно приказан (тј. пре него што се shown.bs.tab
догађај деси).
Када се прикаже нова картица, догађаји се активирају следећим редоследом:
hide.bs.tab
(на тренутно активној картици)show.bs.tab
(на картици која треба да се прикаже)hidden.bs.tab
(на претходној активној картици, иста као за hide.bs.tab
догађај)shown.bs.tab
(на ново-активној управо приказаној картици, иста као и за show.bs.tab
догађај)Ако ниједна картица већ није била активна, догађаји hide.bs.tab
и hidden.bs.tab
неће бити покренути.
Тип догађаја | Опис |
---|---|
схов.бс.таб | Овај догађај се покреће у емисији картице, али пре него што је нова картица приказана. Користите event.target и event.relatedTarget да бисте циљали активну картицу и претходну активну картицу (ако је доступна). |
приказано.бс.таб | Овај догађај се покреће у емисији картице након што се картица прикаже. Користите event.target и event.relatedTarget да бисте циљали активну картицу и претходну активну картицу (ако је доступна). |
хиде.бс.таб | Овај догађај се покреће када треба да се прикаже нова картица (а самим тим и претходна активна картица треба да буде скривена). Користите event.target и event.relatedTarget да бисте циљали тренутну активну картицу и нову картицу која ће ускоро бити активна. |
хидден.бс.таб | Овај догађај се покреће након што се прикаже нова картица (и стога је претходна активна картица скривена). Користите event.target и event.relatedTarget да бисте циљали претходну активну картицу и нову активну картицу, респективно. |
Инспирисан одличним јКуери.типси додатком који је написао Јасон Фраме; Алати су ажурирана верзија, која се не ослања на слике, користи ЦСС3 за анимације и атрибуте података за локално складиштење наслова.
Објашњења са насловима нулте дужине се никада не приказују.
Пређите курсором преко линкова испод да бисте видели савете са алаткама:
Уске панталоне следећег нивоа кефије за које вероватно нисте чули. Фото штанд брада сирови тексас висока штампа веганска торба за гласнике стумптовн. Сеитан од фарме до стола, мцсвеенеи'с фикие одржива киноа 8-битна америчка одећа има винил цхамбраи од терри рицхардсон-а. Брада стумптовн, кардигани банх ми ломо тхундерцатс. Тофу биодизел Виллиамсбург марфа, четири локо мцсвеенеи'с цлеансе веган цхамбраи. Заиста ироничан занатлија без обзира на кеитар , сценестер од фарме до стола Банкси Аустин твиттер обрађује фрееган цред сирови тексас извор кафе једног порекла.
Доступне су четири опције: горе, десно, доле и поравнато лево.
Из разлога перформанси, Тоолтип и Поповер дата-апис су укључени, што значи да их морате сами иницијализирати .
Један од начина да се иницијализују сви описи алата на страници био би да их изаберете према њиховом data-toggle
атрибуту:
Додатак за опис алата генерише садржај и ознаке на захтев, и подразумевано поставља описе алата након њиховог елемента окидача.
Покрени опис алатке преко ЈаваСцрипт-а:
Потребна ознака за опис алата је само data
атрибут и title
на ХТМЛ елементу желите да имате опис алата. Генерисана ознака описа алата је прилично једноставна, иако захтева позицију (подразумевано, постављену на top
додатак).
Понекад желите да додате опис алата хипервези која обавија више редова. Подразумевано понашање додатка за опис алата је да га центрира хоризонтално и вертикално. Додајте white-space: nowrap;
у своја сидра да бисте ово избегли.
Када користите описе алата за елементе унутар а .btn-group
или .input-group
, или на елементе који се односе на табелу ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), мораћете да наведете опцију container: 'body'
(документовану у наставку) да бисте избегли нежељене нежељене ефекте (као што је елемент који расте шири и/ или губитак заобљених углова када се покрене опис алатке).
За кориснике који се крећу помоћу тастатуре, а посебно кориснике помоћних технологија, треба да додате само описе алата елементима на које се може фокусирати тастатура, као што су везе, контроле обрасца или било који произвољни елемент са tabindex="0"
атрибутом.
Да бисте додали опис алата елементу disabled
или .disabled
, ставите елемент унутар а <div>
и примените га на <div>
њега.
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-animation=""
.
Име | Тип | Уобичајено | Опис |
---|---|---|---|
анимација | боолеан | истинито | Примените прелаз са ЦСС фаде на опис алатке |
контејнер | стринг | лажно | лажно | Додаје опис алата одређеном елементу. Пример: |
кашњење | број | објекат | 0 | Одлагање приказивања и сакривања описа алата (мс) – не примењује се на тип ручног окидача Ако је наведен број, кашњење се примењује и на сакривање/прикажи Структура објекта је: |
хтмл | боолеан | лажно | Уметните ХТМЛ у опис алата. Ако је нетачно, јКуери text метода ће се користити за уметање садржаја у ДОМ. Користите текст ако сте забринути због КССС напада. |
постављање | стринг | функција | 'врх' | Како поставити опис алата - врх | боттом | лево | десно | ауто. Када се функција користи за одређивање положаја, она се позива са ДОМ чвором алатке као првим аргументом и покретачким елементом ДОМ чвором као другим. Контекст |
селектор | низ | лажно | Ако је обезбеђен селектор, објекти описа алата ће бити делегирани наведеним циљевима. У пракси, ово се користи да би се омогућило додавање описа алата за динамички ХТМЛ садржај. Погледајте ово и информативни пример . |
шаблон | низ | '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' |
Основни ХТМЛ који се користи приликом креирања описа алата. Објашњење
Најудаљенији елемент омотача треба да има |
наслов | стринг | функција | '' | Подразумевана вредност наслова ако Ако је дата функција, она ће бити позвана са својом |
Окидач | низ | 'фокус лебдења' | Како се покреће опис алата - кликните | ховер | фокус | упутство. Можете проследити више покретача; одвојите их размаком. manual не може се комбиновати ни са једним другим окидачем. |
виевпорт | стринг | објекат | функција | { селектор: 'тело', паддинг: 0} | Задржава опис алата у границама овог елемента. Пример: Ако је дата функција, она се позива са ДОМ чвором покретачког елемента као јединим аргументом. Контекст |
Опције за појединачне описе алата могу се алтернативно специфицирати коришћењем атрибута података, као што је горе објашњено.
$().tooltip(options)
Прилаже руковао описом алата колекцији елемената.
.tooltip('show')
Открива опис елемента. Враћа се позиваоцу пре него што је опис алата заиста приказан (тј. пре него што се shown.bs.tooltip
догађај деси). Ово се сматра "ручним" покретањем описа алата. Објашњења са насловима нулте дужине се никада не приказују.
.tooltip('hide')
Сакрива опис елемента. Враћа се позиваоцу пре него што је опис алатке заиста сакривен (тј. пре него што се hidden.bs.tooltip
догађај деси). Ово се сматра "ручним" покретањем описа алата.
.tooltip('toggle')
Укључује опис елемента. Враћа се позиваоцу пре него што је опис алатке заправо приказан или сакривен (тј. пре него што се деси догађај shown.bs.tooltip
или ). hidden.bs.tooltip
Ово се сматра "ручним" покретањем описа алата.
.tooltip('destroy')
Сакрива и уништава опис елемента. Објашњење које користи делегирање (које се креира помоћу опције selector
) не може се појединачно уништити на елементима окидача потомака.
Тип догађаја | Опис |
---|---|
схов.бс.тоолтип | Овај догађај се покреће одмах када show се позове метод инстанце. |
приказано.бс.опис | Овај догађај се покреће када опис алата постане видљив кориснику (сачекаће да се ЦСС транзиције доврше). |
хиде.бс.тоолтип | Овај догађај се покреће одмах када hide се позове метод инстанце. |
хидден.бс.тоолтип | Овај догађај се покреће када се опис алатке заврши са сакривањем од корисника (сачекаће да се ЦСС транзиције доврше). |
инсертед.бс.тоолтип | Овај догађај се покреће након show.bs.tooltip догађаја када је шаблон објашњења додат у ДОМ. |
Додајте мале слојеве садржаја, попут оних на иПад-у, било ком елементу за смештај секундарних информација.
Скочни прозори чији су и наслов и садржај нулте дужине се никада не приказују.
Поповерс захтевају да додатак са објашњењем буде укључен у вашу верзију Боотстрапа.
Из разлога перформанси, Тоолтип и Поповер дата-апис су укључени, што значи да их морате сами иницијализирати .
Један од начина да се иницијализују сви искачући прозори на страници био би да их изаберете према њиховом data-toggle
атрибуту:
Када користите искачуће елементе на елементима унутар а .btn-group
или .input-group
, или на елементима који се односе на табелу ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), мораћете да наведете опцију container: 'body'
(документовану у наставку) да бисте избегли нежељене нежељене ефекте (као што је елемент који расте шири и/ или губљење заобљених углова када се покрене искакање).
Да бисте додали искачући елемент елементу disabled
или .disabled
, ставите елемент унутар а <div>
и примените искачући прозор на <div>
њега.
Понекад желите да додате искачући прозор хипервези која обавија више редова. Подразумевано понашање искачућег додатка је да га центрира хоризонтално и вертикално. Додајте white-space: nowrap;
у своја сидра да бисте ово избегли.
Доступне су четири опције: горе, десно, доле и поравнато лево.
Сед посуере цонсецтетур ест ат лобортис. Аенеан еу лео куам. Пеллентескуе орнаре сем лациниа куам вененатис вестибулум.
Сед посуере цонсецтетур ест ат лобортис. Аенеан еу лео куам. Пеллентескуе орнаре сем лациниа куам вененатис вестибулум.
Сед посуере цонсецтетур ест ат лобортис. Аенеан еу лео куам. Пеллентескуе орнаре сем лациниа куам вененатис вестибулум.
Сед посуере цонсецтетур ест ат лобортис. Аенеан еу лео куам. Пеллентескуе орнаре сем лациниа куам вененатис вестибулум.
Користите focus
окидач да бисте одбацили искачуће прозоре при следећем клику који корисник направи.
За правилно понашање међу претраживачима и платформама, морате користити <a>
ознаку, а не ознаку <button>
, а такође морате укључити атрибуте role="button"
и .tabindex
Омогућите искачуће прозоре преко ЈаваСцрипт-а:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-animation=""
.
Име | Тип | Уобичајено | Опис |
---|---|---|---|
анимација | боолеан | истинито | Примените прелаз ЦСС фаде на искачући прозор |
контејнер | стринг | лажно | лажно | Додаје искачући прозор одређеном елементу. Пример: |
садржаја | стринг | функција | '' | Подразумевана вредност садржаја ако Ако је дата функција, она ће бити позвана са својом |
кашњење | број | објекат | 0 | Одлагање приказивања и сакривања искачућег екрана (мс) – не примењује се на тип ручног окидача Ако је наведен број, кашњење се примењује и на сакривање/прикажи Структура објекта је: |
хтмл | боолеан | лажно | Уметните ХТМЛ у искачући прозор. Ако је нетачно, јКуери text метода ће се користити за уметање садржаја у ДОМ. Користите текст ако сте забринути због КССС напада. |
постављање | стринг | функција | 'јел тако' | Како поставити поповер - врх | боттом | лево | десно | ауто. Када се функција користи за одређивање положаја, она се позива са искачућим ДОМ чвором као првим аргументом и покретачким елементом ДОМ чвором као другим. Контекст |
селектор | низ | лажно | Ако је обезбеђен селектор, искачући објекти ће бити делегирани наведеним циљевима. У пракси, ово се користи да би се омогућило додавање искачућих садржаја динамичком ХТМЛ садржају. Погледајте ово и информативни пример . |
шаблон | низ | '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' |
Основни ХТМЛ који се користи приликом креирања искачућег екрана. Поповер'с Поповер'с
Најудаљенији елемент омотача треба да има |
наслов | стринг | функција | '' | Подразумевана вредност наслова ако Ако је дата функција, она ће бити позвана са својом |
Окидач | низ | 'кликни' | Како се поповер покреће - кликните | ховер | фокус | упутство. Можете проследити више покретача; одвојите их размаком. manual не може се комбиновати ни са једним другим окидачем. |
виевпорт | стринг | објекат | функција | { селектор: 'тело', паддинг: 0} | Задржава искачући приказ у границама овог елемента. Пример: Ако је дата функција, она се позива са ДОМ чвором покретачког елемента као јединим аргументом. Контекст |
Опције за појединачне искачуће опције могу се алтернативно специфицирати коришћењем атрибута података, као што је горе објашњено.
$().popover(options)
Иницијализује искачуће прозоре за колекцију елемената.
.popover('show')
Открива искачући изглед елемента. Враћа позиваоцу пре него што је искачући део заиста приказан (тј. пре него што се shown.bs.popover
догађај деси). Ово се сматра "ручним" покретањем искачућег прозора. Скочни прозори чији су и наслов и садржај нулте дужине се никада не приказују.
.popover('hide')
Сакрива искачући прозор елемента. Враћа позиваоцу пре него што је искачући део заиста сакривен (тј. пре него што се hidden.bs.popover
догађај деси). Ово се сматра "ручним" покретањем искачућег прозора.
.popover('toggle')
Пребацује искачући прозор елемента. Враћа позиваоцу пре него што је искачући део заиста приказан или сакривен (тј. пре него што се деси догађај shown.bs.popover
или ). hidden.bs.popover
Ово се сматра "ручним" покретањем искачућег прозора.
.popover('destroy')
Сакрива и уништава искачући прозор елемента. Скочни прозори који користе делегирање (који се креирају помоћу опције selector
) не могу се појединачно уништити на елементима окидача потомака.
Тип догађаја | Опис |
---|---|
схов.бс.поповер | Овај догађај се покреће одмах када show се позове метод инстанце. |
приказано.бс.поповер | Овај догађај се покреће када искачући прозор постане видљив кориснику (сачекаће да се ЦСС транзиције доврше). |
хиде.бс.поповер | Овај догађај се покреће одмах када hide се позове метод инстанце. |
хидден.бс.поповер | Овај догађај се покреће када се искачући прозор заврши са сакривањем од корисника (сачекаће да се ЦСС транзиције доврше). |
инсертед.бс.поповер | Овај догађај се покреће након show.bs.popover догађаја када је шаблон за искакање додат у ДОМ. |
Додајте функцију одбацивања свим порукама упозорења помоћу овог додатка.
Када користите .close
дугме, оно мора бити прво дете .alert-dismissible
и ниједан текстуални садржај не сме да буде испред њега у маркупу.
Промените ово и то и покушајте поново. Дуис моллис, ест нон цоммодо луцтус, ниси ерат порттитор лигула, егет лациниа одио сем нец елит. Црас маттис цонсецтетур пурус сит амет ферментум.
Само додајте data-dismiss="alert"
дугме за затварање да бисте аутоматски дали функцију за затварање упозорења. Затварање упозорења уклања га из ДОМ-а.
Да би ваша упозорења користила анимацију при затварању, уверите се да имају .fade
и .in
класе већ примењене на њих.
$().alert()
Прави да упозорење ослушкује догађаје клика на елементе потомке који имају data-dismiss="alert"
атрибут. (Није неопходно када се користи аутоматска иницијализација дата-апи-ја.)
$().alert('close')
Затвара упозорење уклањањем из ДОМ-а. Ако су класе .fade
и .in
присутне на елементу, упозорење ће нестати пре него што се уклони.
Боотстрап додатак за упозорење излаже неколико догађаја за повезивање са функцијом упозорења.
Тип догађаја | Опис |
---|---|
цлосе.бс.алерт | Овај догађај се покреће одмах када close се позове метод инстанце. |
затворено.бс.алерт | Овај догађај се покреће када је упозорење затворено (сачекаће да се ЦСС транзиције доврше). |
Урадите више са дугмадима. Контролишите стања дугмади или креирајте групе дугмади за више компоненти као што су траке са алаткама.
Фирефок се задржава у контролним стањима (онеспособљеност и провераност) током учитавања страница . Заобилазно решење за ово је коришћење autocomplete="off"
. Погледајте Мозилла грешку #654072 .
Додајте data-loading-text="Loading..."
да бисте користили стање учитавања на дугмету.
Ова функција је застарела од в3.3.5 и уклоњена је у в4.
Зарад ове демонстрације, користимо data-loading-text
и $().button('loading')
, али то није једино стање које можете да користите. Видите више о овоме испод у $().button(string)
документацији .
Додајте data-toggle="button"
да бисте активирали пребацивање на једном дугмету.
.active
иaria-pressed="true"
За унапред укључена дугмад, морате додати .active
класу и aria-pressed="true"
атрибут button
себи.
Додајте data-toggle="buttons"
у поље за .btn-group
потврду или радио улазе да бисте омогућили пребацивање у њиховим одговарајућим стиловима.
.active
За унапред изабране опције, морате сами да додате .active
класу у улаз .label
Ако се потврђено стање дугмета за потврду ажурира без покретања click
догађаја на дугмету (нпр. преко <input type="reset">
или преко подешавања checked
својства улаза), мораћете сами да укључите .active
класу на улазу .label
$().button('toggle')
Пребацује стање притиска. Даје дугмету изглед да је активирано.
$().button('reset')
Ресетује стање дугмета - мења текст оригиналним текстом. Овај метод је асинхрони и враћа се пре него што се ресетовање заиста заврши.
$().button(string)
Замењује текст у било које стање текста дефинисано подацима.
Флексибилни додатак који користи прегршт класа за лако мењање понашања.
Цоллапсе захтева да додатак за прелазе буде укључен у вашу верзију Боотстрапа.
Кликните на дугмад испод да бисте приказали и сакрили други елемент путем промена класе:
.collapse
скрива садржај.collapsing
примењује се током прелаза.collapse.in
приказује садржајМожете користити везу са href
атрибутом или дугме са data-target
атрибутом. У оба случаја data-toggle="collapse"
је потребно.
Проширите подразумевано понашање скупљања да бисте направили хармонику са компонентом панела.
Такође је могуће заменити .panel-body
с са .list-group
с.
Обавезно додајте aria-expanded
контролни елемент. Овај атрибут експлицитно дефинише тренутно стање склопивог елемента за читаче екрана и сличне помоћне технологије. Ако је склопиви елемент затворен по подразумеваној вредности, требало би да има вредност aria-expanded="false"
. Ако сте подесили да склопиви елемент буде подразумевано отворен помоћу in
класе, aria-expanded="true"
уместо тога поставите на контроли. Додатак ће аутоматски укључити овај атрибут на основу тога да ли је склопиви елемент отворен или затворен.
Додатно, ако ваш контролни елемент циља на један склопиви елемент – тј. data-target
атрибут показује на id
селектор – можете додати додатни aria-controls
атрибут контролном елементу, који садржи id
елемент склопивог. Савремени читачи екрана и сличне помоћне технологије користе овај атрибут како би корисницима пружиле додатне пречице за навигацију директно до самог склопивог елемента.
Додатак за колапс користи неколико класа да би се носио са тешким подизањем:
.collapse
сакрива садржај.collapse.in
приказује садржај.collapsing
се додаје када транзиција почне, а уклања се када се завршиОве класе се могу наћи у component-animations.less
.
Само додајте data-toggle="collapse"
и а data-target
елементу да бисте аутоматски доделили контролу над склопивим елементом. Атрибут data-target
прихвата ЦСС селектор за примену скупљања. Обавезно додајте класу collapse
у склопиви елемент. Ако желите да се подразумевано отвори, додајте додатну класу in
.
Да бисте склопивој контроли додали управљање групом налик хармоници, додајте атрибут података data-parent="#selector"
. Погледајте демо да видите ово у акцији.
Омогућите ручно помоћу:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-parent=""
.
Име | тип | Уобичајено | Опис |
---|---|---|---|
родитељ | селектор | лажно | Ако је обезбеђен селектор, онда ће сви склопиви елементи испод наведеног надређеног бити затворени када се прикаже ова склопива ставка. (слично традиционалном понашању хармонике - ово зависи одpanel класе) |
искључи | боолеан | истинито | Укључује склопиви елемент при позивању |
.collapse(options)
Активира ваш садржај као склопиви елемент. Прихвата опционе опције object
.
.collapse('toggle')
Пребацује склопиви елемент на приказан или скривен. Враћа позиваоцу пре него што је склопиви елемент заправо приказан или сакривен (тј. пре него што се деси догађај shown.bs.collapse
или ).hidden.bs.collapse
.collapse('show')
Приказује склопиви елемент. Враћа позиваоцу пре него што је склопиви елемент заиста приказан (тј. пре него што се shown.bs.collapse
догађај деси).
.collapse('hide')
Сакрива склопиви елемент. Враћа позиваоцу пре него што је склопиви елемент заиста сакривен (тј. пре него што се hidden.bs.collapse
догађај деси).
Боотстрап-ова класа колапса излаже неколико догађаја за спајање на функционалност колапса.
Тип догађаја | Опис |
---|---|
схов.бс.цоллапсе | Овај догађај се покреће одмах када show се позове метод инстанце. |
приказано.бс.цоллапсе | Овај догађај се покреће када се кориснику учини видљивим елемент сажимања (сачекаће да се ЦСС транзиције доврше). |
хиде.бс.цоллапсе | Овај догађај се покреће одмах када се hide метода позове. |
хидден.бс.цоллапсе | Овај догађај се покреће када је елемент сажимања сакривен од корисника (сачекаће да се ЦСС транзиције доврше). |
Компонента пројекције слајдова за кретање кроз елементе, попут вртешке. Угнежђене вртешке нису подржане.
Компонента вртешке генерално није у складу са стандардима приступачности. Ако треба да будете усклађени, размотрите друге опције за представљање свог садржаја.
Боотстрап искључиво користи ЦСС3 за своје анимације, али Интернет Екплорер 8 и 9 не подржавају неопходна ЦСС својства. Дакле, нема анимација прелаза слајдова када користите ове претраживаче. Намерно смо одлучили да не укључимо јКуери засноване резерве за прелазе.
Разред .active
треба додати на један од слајдова. У супротном, вртешка неће бити видљива.
Класе .glyphicon .glyphicon-chevron-left
и .glyphicon .glyphicon-chevron-right
нису нужно потребне за контроле. Боотстрап пружа .icon-prev
и .icon-next
као обичне уницоде алтернативе.
Лако додајте наслове својим слајдовима помоћу .carousel-caption
елемента у било ком .item
. Поставите скоро било који опциони ХТМЛ унутра и он ће аутоматски бити поравнат и форматиран.
Вртешке захтевају употребу id
на крајњем контејнеру ( .carousel
) да би контроле вртешке правилно функционисале. Када додајете више вртешки, или када мењате вртешкеid
, обавезно ажурирајте релевантне контроле.
Користите атрибуте података да лако контролишете положај вртешке. data-slide
прихвата кључне речи prev
или next
, што мења положај слајда у односу на његову тренутну позицију. Алтернативно, користите data-slide-to
за прослеђивање сировог индекса слајда на вртешку data-slide-to="2"
, која помера позицију слајда на одређени индекс почевши од0
.
Атрибут data-ride="carousel"
се користи за означавање вртешке као анимације почевши од учитавања странице. Не може се користити у комбинацији са (сувишним и непотребним) експлицитним ЈаваСцрипт иницијализацијом исте вртешке.
Ручно позовите вртешку помоћу:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-interval=""
.
Име | тип | Уобичајено | Опис |
---|---|---|---|
интервал | број | 5000 | Количина времена за одлагање између аутоматског циклуса ставке. Ако је нетачно, вртешка се неће аутоматски кретати. |
пауза | стринг | нула | "лебдети" | Ако је подешено на "hover" , паузира укључивање вртешке mouseenter и наставља циклус вртешке укључене mouseleave . Ако је подешено на null , задржавање показивача миша преко вртешке га неће паузирати. |
замотати | боолеан | истинито | Да ли рингишпил треба да се врти непрекидно или да се тешко зауставља. |
тастатура | боолеан | истинито | Да ли вртешка треба да реагује на догађаје на тастатури. |
.carousel(options)
Иницијализује вртешку са опционим опцијама object
и почиње да се креће кроз ставке.
.carousel('cycle')
Кружи кроз ставке вртешке с лева на десно.
.carousel('pause')
Спречава вртешку да се креће кроз ставке.
.carousel(number)
Кружи вртешку до одређеног оквира (на основу 0, слично низу).
.carousel('prev')
Прелази на претходну ставку.
.carousel('next')
Прелази на следећу ставку.
Боотстрап-ова класа вртешке излаже два догађаја за спајање на функционалност вртешке.
Оба догађаја имају следећа додатна својства:
direction
: Смер у коме вртешка клизи (или "left"
или "right"
).relatedTarget
: ДОМ елемент који се поставља на своје место као активна ставка.Сви догађаји вртешке се активирају на самом вртешком (тј. на <div class="carousel">
).
Тип догађаја | Опис |
---|---|
слиде.бс.цароусел | Овај догађај се покреће одмах када slide се позове метод инстанце. |
слид.бс.цароусел | Овај догађај се покреће када вртешка заврши свој прелаз слајда. |
Додатак за афикс position: fixed;
се укључује и искључује, емулирајући ефекат пронађен са position: sticky;
. Поднавигација са десне стране је демо афикс додатка уживо.
Користите додатак за афикс преко атрибута података или ручно са сопственим ЈаваСцрипт-ом. У обе ситуације, морате да обезбедите ЦСС за позиционирање и ширину вашег приложеног садржаја.
Напомена: Немојте користити додатак за афикс на елементу који се налази у релативно позиционираном елементу, као што је повучена или гурнута колона, због грешке у приказивању у Сафарију .
Додатак афикса се пребацује између три класе, од којих свака представља одређено стање: .affix
, .affix-top
, и .affix-bottom
. Морате да обезбедите стилове, са изузетком position: fixed;
он .affix
, за ове класе сами (независно од овог додатка) за руковање стварним позицијама.
Ево како функционише додатак за афикс:
.affix-top
како би означио да је елемент на највишој позицији. У овом тренутку није потребно ЦСС позиционирање..affix
замењује .affix-top
и постављаposition: fixed;
(обезбеђује Боотстрап-ов ЦСС)..affix
са .affix-bottom
. Пошто су офсетови опциони, постављање једног захтева од вас да подесите одговарајући ЦСС. У овом случају додајте position: absolute;
када је потребно. Додатак користи атрибут података или ЈаваСцрипт опцију да одреди где да позиционира елемент одатле.Пратите горње кораке да бисте подесили свој ЦСС за било коју од опција коришћења у наставку.
Да бисте лако додали понашање афикса било ком елементу, само додајте data-spy="affix"
елементу који желите да шпијунирате. Користите помаке да бисте дефинисали када да пребацујете качење елемента.
Позовите афикс додатак преко ЈаваСцрипт-а:
Опције се могу пренети преко атрибута података или ЈаваСцрипт-а. За атрибуте података додајте име опције у data-
, као у data-offset-top="200"
.
Име | тип | Уобичајено | Опис |
---|---|---|---|
офсет | број | функција | објекат | 10 | Пиксели за померање од екрана приликом израчунавања положаја померања. Ако је наведен један број, померање ће бити примењено иу горњем и доњем смеру. Да бисте обезбедили јединствени, доњи и горњи помак, само наведите објекат offset: { top: 10 } или offset: { top: 10, bottom: 5 } . Користите функцију када требате динамички израчунати помак. |
циљ | селектор | чвор | јКуери елемент | window објекат _ |
Одређује циљни елемент афикса. |
.affix(options)
Активира ваш садржај као приложени садржај. Прихвата опционе опције object
.
.affix('checkPosition')
Поново израчунава стање афикса на основу димензија, положаја и положаја померања релевантних елемената. Класе .affix
, .affix-top
, и .affix-bottom
се додају или уклањају из приложеног садржаја у складу са новим стањем. Ову методу треба позвати сваки пут када се промене димензије приложеног садржаја или циљног елемента, да би се обезбедило исправно позиционирање приложеног садржаја.
Боотстрап-ов додатак за афикс излаже неколико догађаја за повезивање са функционалношћу афикса.
Тип догађаја | Опис |
---|---|
афикс.бс.афикс | Овај догађај се покреће непосредно пре него што је елемент причвршћен. |
афикс.бс.афикс | Овај догађај се покреће након што је елемент причвршћен. |
аффик-топ.бс.аффик | Овај догађај се покреће непосредно пре него што је елемент причвршћен на врх. |
аффикед-топ.бс.аффик | Овај догађај се покреће након што је елемент причвршћен на врх. |
афикс-дно.бс.афикс | Овај догађај се покреће непосредно пре него што је елемент причвршћен на дну. |
аффикед-боттом.бс.аффик | Овај догађај се покреће након што је елемент причвршћен на дну. |