JavaScript
Tisa swiphemu swa Bootstrap evuton’wini hi ku tlula khume-mbirhi wa ti-plugin ta jQuery ta ntolovelo. Hi ku olova swi katsa hinkwaswo, kumbe ha xin’we-xin’we.
Tisa swiphemu swa Bootstrap evuton’wini hi ku tlula khume-mbirhi wa ti-plugin ta jQuery ta ntolovelo. Hi ku olova swi katsa hinkwaswo, kumbe ha xin’we-xin’we.
Ti-plugin ti nga katsiwa hi toxe (hi ku tirhisa *.js
tifayela ta Bootstrap ha yin’we-yin’we), kumbe hinkwato hi nkarhi wun’we (hi ku tirhisa bootstrap.js
kumbe leti hungutiweke bootstrap.min.js
).
Havumbirhi bya swona bootstrap.js
naswona bootstrap.min.js
swi na ti-plugin hinkwato eka fayili yin’we. Katsa yin’we ntsena.
Ti-plugin tin’wana ni swiphemu swa CSS swi titshege hi ti-plugin tin’wana. Loko u katsa ti-plugin hi toxe, tiyisisa leswaku u kambela ku titshega loku eka ti-docs. Nakambe xiya leswaku ti-plugin hinkwato ti titshege hi jQuery (leswi swi vula leswaku jQuery yi fanele ku katsiwa emahlweni ka tifayela ta ti-plugin). Vulavula na hinabower.json
ku vona leswaku hi tihi tivhidiyo ta jQuery leti seketeriwaka.
U nga tirhisa ti-plugin hinkwato ta Bootstrap ntsena hi ku tirhisa API ya markup handle ko tsala layini yin’we ya JavaScript. Leyi i API ya xiyimo xo sungula ya Bootstrap naswona yi fanele ku va mhaka ya wena yo sungula loko u tirhisa plugin.
Loko swi vuriwa sweswo, eka swiyimo swin’wana swi nga ha navela ku tima ntirho lowu. Hikwalaho, hi tlhela hi nyika vuswikoti byo tshikisa API ya xihlawulekisi xa datha hi ku susa swiendlakalo hinkwaswo eka tsalwa leri nga na ndhawu ya mavito hi data-api
. Leswi swi languteka hi ndlela leyi:
Handle ka sweswo, ku kongomisa eka xiengetelo xo karhi, katsa ntsena vito ra xiengetelo tanihi ndhawu ya mavito swin’we ni ndhawu ya mavito ya data-api yo fana ni leyi:
U nga tirhisi swihlawulekisi swa data ku suka eka tiplagi to tala eka elemente yin’we. Xikombiso, buti a yi nge swi koti ku va na tooltip na ku cinca-cinca modal. Leswaku u hetisisa leswi, tirhisa xiaki xo phutsela.
Hi tlhela hi tshemba leswaku u fanele ku kota ku tirhisa ti-plugin hinkwato ta Bootstrap ntsena hi ku tirhisa JavaScript API. Ti-API hinkwato ta mani na mani i tindlela tin’we, leti nga ni tinketana, naswona ti vuyisa nhlengeleto lowu endliweke hi wona.
Maendlelo hinkwawo ya fanele ku amukela nchumu wa swihlawulekisi swa ku hlawula, ntambhu leyi kongomisaka eka ndlela yo karhi, kumbe ku nga ri na nchumu (leyi sungulaka xiengetelo hi mahanyelo ya xiviri):
Plugin yin’wana na yin’wana yi tlhela yi paluxa muaki wa yona wa raw eka Constructor
nhundzu: $.fn.popover.Constructor
. Loko u lava ku kuma xikombiso xo karhi xa plugin, xi vuyise hi ku kongoma eka elemente: $('[rel="popover"]').data('popover')
.
U nga cinca swiletelo swa xiviri swa xiengetelo hi ku cinca Constructor.DEFAULTS
nchumu wa xiengetelo:
Minkarhi yin’wana swa laveka ku tirhisa ti-plugin ta Bootstrap ni swivumbeko swin’wana swa UI. Eka swiyimo leswi, ku tlumbana ka ndhawu ya mavito ku nga humelela nkarhi wun’wana. Loko leswi swi humelela, u nga ha vitana .noConflict
eka plugin leyi u lavaka ku tlherisela nkoka wa yona.
Bootstrap yi nyika swiendlakalo swa ntolovelo eka swiendlo swo hlawuleka swa ti-plugin to tala. Hi ntolovelo, leswi swi ta hi xivumbeko xa xiendliwa lexi nga heriki na xiendliwa lexi hundzeke - laha xiendliwa lexi nga heriki (ex. show
) xi pfuriwaka eku sunguleni ka xiendlakalo, naswona xivumbeko xa xona xa xiendliwa lexi hundzeke (ex. shown
) xi pfuriwa loko xiendlo xi hetisisiwa.
Ku sukela eka 3.0.0, swiendlakalo hinkwaswo swa Bootstrap swi hambanisiwile hi mavito.
Swiendlakalo hinkwaswo leswi nga heriki swi nyika preventDefault
ntirho. Leswi swi nyika vuswikoti byo yimisa ku hetisisiwa ka xiendlo xi nga si sungula.
Vuhundzuluxi bya yin’wana na yin’wana ya ti-plugin ta jQuery ta Bootstrap byi nga nghenisiwa hi ku tirhisa VERSION
nhundzu ya muaki wa xiengetelo. Xikombiso, eka xiengetelo xa xitsundzuxo xa switirhisiwa:
Ti-plugin ta Bootstrap a ti tlheleli endzhaku hi ndlela yo hlawuleka loko JavaScript yi nga tirhi. Loko u khathala hi ntokoto wa mutirhisi eka mhaka leyi, tirhisa <noscript>
ku hlamusela xiyimo (na ndlela yo tlhela u pfumelela JavaScript) eka vatirhisi va wena, na/kumbe ku engetela ti-fallback ta wena ta ntolovelo.
Bootstrap a yi seketeli ximfumo tilayiburari ta JavaScript ta vanhu van’wana to fana na Prototype kumbe jQuery UI. Ku nga khathariseki .noConflict
swiendlakalo leswi nga ni swiphemu swa mavito, ku nga ha va ni swiphiqo swa ku fambisana leswi u faneleke u swi lulamisa hi wexe.
Ku kuma switandzhaku swo olova swa ku cinca, katsa transition.js
kan’we etlhelo ka tifayela tin’wana ta JS. Loko u tirhisa leyi hlengeletiweke (kumbe leyi hungutiweke) bootstrap.js
, a ku na xilaveko xo katsa leswi—se swi kona.
Transition.js i mupfuni wa xisekelo wa transitionEnd
swiendlakalo xikan’we na xifaniso xa ku cinca xa CSS. Yi tirhisiwa hi ti-plugin tin’wana ku kambela nseketelo wa ku cinca ka CSS ni ku khoma ku cinca loku lenga-lengaka.
Ku cinca ku nga tshikiwa emisaveni hinkwayo hi ku tirhisa xiphemu xa JavaScript lexi landzelaka, lexi faneleke ku ta endzhaku ka loko transition.js
(kumbe bootstrap.js
kumbe bootstrap.min.js
, tanihilaha swi nga ha vaka hakona) xi layichiwile:
Timodali ti olovisiwile, kambe ti cinca-cinca, switsundzuxo swa mbulavurisano leswi nga na ntirho wa le hansi lowu lavekaka na swihlawulekisi swo tlhariha.
Tiyisisa leswaku a wu pfuli modal loko yin’wana ya ha vonaka. Ku kombisa ku tlula modal yin’we hi nkarhi swi lava khodi ya ntolovelo.
Minkarhi hinkwayo ringeta ku veka khodi ya HTML ya modal eka xiyimo xa le henhla eka tsalwa ra wena ku papalata swiphemu swin’wana leswi khumbaka ku languteka ka modal na/kumbe ntirho.
Ku ni switsundzuxo swin’wana malunghana ni ku tirhisa ti- modal eka switirhisiwa swa tiselfoni. Vona ti-doc ta hina ta nseketelo wa browser ku kuma vuxokoxoko.
Hikwalaho ka ndlela leyi HTML5 yi hlamuselaka semantiki ya yona ha yona, autofocus
xihlawulekisi xa HTML a xi na vuyelo eka timodali ta Bootstrap. Leswaku u fikelela vuyelo lebyi fanaka, tirhisa JavaScript yin’wana leyi endleriweke wena:
Modal leyi humesiweke leyi nga na nhlokomhaka, miri, na sete ya swiendlo eka xiphemu xa le hansi.
Cinca modal hi ku tirhisa JavaScript hi ku tikhoma buti leyi nga laha hansi. Yi ta rhetela ehansi yi tlhela yi nyamalala ku suka ehenhla ka tluka.
Tiyiseka leswaku u engetela role="dialog"
na aria-labelledby="..."
, u kombetela eka xihloko xa modal, eka .modal
, na role="document"
le ka .modal-dialog
xona hi xoxe.
Ku engetela kwalaho, u nga ha nyika nhlamuselo ya mbulavurisano wa wena wa modal hi aria-describedby
on .modal
.
Ku nghenisa tivhidiyo ta YouTube eka ti-modal swi lava JavaScript leyi engetelekeke leyi nga riki eka Bootstrap leswaku yi yimisa ku tlanga hi ku tisungulela ni swin’wana. Vona post leyi ya Stack Overflow leyi pfunaka ku kuma vuxokoxoko byo tala.
Timodali ti na tisayizi timbirhi to hlawula, leti kumekaka hi ku tirhisa titlilasi ta mucinci leti nga ta vekiwa eka .modal-dialog
.
Eka ti-modal leti humelelaka ntsena ematshan’weni yo nyamalala leswaku ti ta languta, susa .fade
tlilasi eka mfungho wa wena wa modal.
Ku tirhisa sisiteme ya giridi ya Bootstrap endzeni ka modal, ntsena nest .row
s endzeni ka .modal-body
ivi u tirhisa titlilasi ta sisiteme ya gridi ya ntolovelo.
Xana u na ntlhambi wa swikomba-nkarhi leswi hinkwaswo swi pfuxaka modal yin’we, ntsena hi swilo leswi hambaneke nyana? Tirhisa event.relatedTarget
na swihlawulekisi swa HTMLdata-*
(swi nga endleka hi ku tirhisa jQuery ) ku cinca-cinca leswi nga endzeni ka modal ku ya hi leswaku i buti yihi leyi tsindziyeleke. Vona ti docs ta Modal Events ku kuma vuxokoxoko eka relatedTarget
, .
Plugin ya modal yi cinca-cinca swilo swa wena leswi fihliweke loko swi laviwa, hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Yi tlhela yi engetela .modal-open
eka <body>
ku tlula mahanyelo ya ku rhendzeleka ka xiviri naswona yi humesa a .modal-backdrop
ku nyika ndhawu yo tsindziyela yo hlongola timodali leti kombisiweke loko u tsindziyela ehandle ka modali.
Endla leswaku modal yi tirha handle ko tsala JavaScript. Seta data-toggle="modal"
eka elemente ya controller, ku fana na button, xikan’we na a data-target="#foo"
kumbe href="#foo"
ku kongomisa modal yo karhi ku toggle.
Fonela modal hi id myModal
hi layini yin’we ya JavaScript:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-backdrop=""
.
Vito | muxaka | ku tlula | nhlamuselo |
---|---|---|---|
xifaniso xa le ndzhaku | boolean kumbe ntambhu'static' |
ntiyiso | Ku katsa na xiaki xa modal-backdrop. Handle ka sweswo, boxa static eka backdrop leyi nga pfaliki modal eka click. |
xikhiya xa xikhiya | xitsonga xitsonga | ntiyiso | Ku pfala modal loko ku tshikileriwa escape key |
kombisa | xitsonga xitsonga | ntiyiso | Ku kombisa modal loko yi sunguriwa. |
kule | ndlela | vunwa | Nhlawulo lowu wu herisiwile ku sukela eka v3.3.0 naswona wu susiwile eka v4. Hi ringanyeta ematshan’wini ya sweswo ku tirhisa xifaniso xa le tlhelo ra xilayenti kumbe rimba ro boha data, kumbe ku vitana jQuery.load hi wexe. Loko URL ya le kule yi nyikiwile, swilo swi ta layicha nkarhi wun’we hi ku tirhisa ndlela ya jQuery |
.modal(options)
Ku endla leswaku nhundzu ya wena yi tirha tanihi modal. Ku amukela swihlawulekisi swa ku hlawula object
.
.modal('toggle')
Hi voko u cinca-cinca modal. Ku tlhelela eka mufoyini loko modal yi nga si kombisiwa kumbe ku tumbetiwa hakunene (i.e. emahlweni ka ku humelela shown.bs.modal
kumbe hidden.bs.modal
xiendlakalo).
.modal('show')
Hi voko u pfula modal. Ku tlhelela eka mufoyini loko modal yi nga si kombisiwa hakunene (i.e. shown.bs.modal
xiendlakalo xi nga si humelela).
.modal('hide')
Hi voko u tumbeta modal. Ku tlhelela eka mufoyini loko modal yi nga si fihliwa hakunene (i.e. hidden.bs.modal
xiendlakalo xi nga si humelela).
.modal('handleUpdate')
Yi lulamisa nakambe xiyimo xa modal ku lwisana na scrollbar loko ko tshuka ku humelela yin’we, leswi nga ta endla leswaku modal yi tlula yi ya eximatsini.
Swi laveka ntsena loko ku tlakuka ka modal ku cinca loko yi pfulekile.
Tlilasi ya modal ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa modal.
Swiendlakalo hinkwaswo swa modal swi duvuriwa eka modal hi yoxe (i.e. eka <div class="modal">
).
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
kombisa.bs.modal | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku show vitaniwa ndlela ya xikombiso. Loko swi vangiwa hi ku tsindziyela, xiaki lexi tsindziyeleke xi kumeka tanihi relatedTarget nhundzu ya xiendlakalo. |
ku kombisiwile.bs.modal | Xiendlakalo lexi xi duvuriwa loko modal yi endliwile yi vonaka eka mutirhisi (yi ta rindza ku cinca ka CSS ku hela). Loko swi vangiwa hi ku tsindziyela, xiaki lexi tsindziyeleke xi kumeka tanihi relatedTarget nhundzu ya xiendlakalo. |
fihla.bs.modal | Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko ndlela ya hide xikombiso yi vitaniwile. |
leswi fihliweke.bs.modal | Xiendlakalo lexi xi duvuriwa loko modal yi hetile ku tumbetiwa eka mutirhisi (yi ta rindza ku cinca ka CSS ku hela). |
ku layicha.bs.modal | Xiendlakalo lexi xi duvuriwa loko modal yi layicha nhundzu hi ku tirhisa remote nhlawulo. |
Engetela timenyu leti nga ehansi eka kwalomu ka xin’wana ni xin’wana hi xiengetelo lexi xo olova, ku katsa ni navbar, tithebhu ni tiphilisi.
Hi ku tirhisa swihlawulekisi swa datha kumbe JavaScript, xiengetelo lexi nga ehansi xi cinca-cinca nhundzu leyi fihliweke (timenyu leyi nga ehansi) hi ku cinca-cinca .open
tlilasi eka nchumu wa nxaxamelo wa mutswari.
Eka switirhisiwa swa tiselfoni, ku pfula dropdown swi engetela .dropdown-backdrop
as a tap area for closing dropdown menus loko u ba ehandle ka menu, xilaveko xa nseketelo lowu faneleke wa iOS. Leswi swi vula leswaku ku cinca ku suka eka menyu leyi pfulekeke leyi nga ehansi ku ya eka menyu leyi hambaneke leyi nga ehansi swi lava ku pompa loku engetelekeke eka movha.
Xiya: data-toggle="dropdown"
Xihlawulekisi xi titshege hi xona ku pfala timenyu leti rhetaka eka xiyimo xa xitirhisiwa, hikwalaho i mhaka ya kahle ku tshama u xi tirhisa.
Engetela data-toggle="dropdown"
eka link kumbe button ku cinca-cinca dropdown.
Ku hlayisa ti-URL ti nga onhakanga hi swikomba-ndlela swa swihlanganisi, tirhisa data-target
xihlawulekisi ematshan’weni ya href="#"
.
Fonela swilo leswi nga ehansi hi ku tirhisa JavaScript:
data-toggle="dropdown"
swa ha lavekaKu nga khathariseki leswaku u vitana dropdown ya wena hi ku tirhisa JavaScript kumbe ematshan’wini ya sweswo u tirhisa data-api, data-toggle="dropdown"
minkarhi hinkwayo swi laveka ku va kona eka elemente ya trigger ya dropdown.
Hava
$().dropdown('toggle')
Ku cinca-cinca menyu leyi nga ehansi ya navbar leyi nyikiweke kumbe ku famba-famba loku nga ni tithebhu.
Swiendlakalo hinkwaswo swa dropdown swi duvuriwa eka .dropdown-menu
's parent element.
Swiendlakalo hinkwaswo swa dropdown swi na relatedTarget
nhundzu, leyi nkoka wa yona ku nga elemente ya anchor leyi cinca-cincaka.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
show.bs.xihlamusela-marito | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku vitaniwa ndlela ya xikombiso xa nkombiso. |
ku kombisiwile.bs.dropdown | Xiendlakalo lexi xi duvuriwa loko dropdown yi endliwile yi vonaka eka mutirhisi (yi ta rindza ku cinca ka CSS, ku hetisisiwa). |
fihla.bs.xirhendzevutani | Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko ndlela ya hide instance yi vitaniwile. |
hidden.bs.xihlamusela-marito | Xiendlakalo lexi xi duvuriwa loko dropdown yi hetile ku tumbetiwa eka mutirhisi (yi ta rindza ku cinca ka CSS, ku hetisa). |
Plugin ya ScrollSpy i ya ku pfuxeta hi ku tisungulela swikongomelo swa nav hi ku ya hi xiyimo xa scroll. Skrolela ndhawu leyi nga ehansi ka navbar ivi u hlalela ku cinca ka tlilasi leyi tirhaka. Swilo leswitsongo leswi nga ehansi swi ta kombisiwa na swona.
Ad leggings keytar, brunch id vutshila nkhuvo dolor labore. Pitchfork yr enim lo-fi va nga si xavisa qui. Tumblr timfanelo ta xikanyakanya xa purasi ku ya etafuleni whatever. Anim keffiyeh xitsonga xitsonga xitsonga xitsonga xitsonga. Velit seitan mcsweeney's xifaniso xa xiyindlwana 3 mpfundla n'weti irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui kumbexana a wu se twa hi vona et cardigan nkwama wa vutshembeki culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred xihlekiso biodiesel keffiyeh mutirhi wa mavoko ullamco consequat.
Veniam marfa malebvu ya xikanyakanya, adipisicing fugiat velit malebvu ya pitchfork. Freegan malebvu aliqua cupidat mcsweeney ya vero. Cupidatat mune loko nisi, ea helvetica nulla carles. Tattooed cosby jesi lori swakudya, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga. Carles non aesthetic ku endla vutiolori quis gentrify. Brooklyn adipisicing vutshila bya vutshila bya le xihundleni xa keytar deserunt.
Occaecat commodo xihlala xa xirhendzevutani. Fap vutshila byalwa deserunt xikanyakanya ea. Lomo timfanelo ta xikanyakanya adipisicing banh mi, velit ea sunt xiyimo lexi landzelaka locavore kofi ya masungulo yin’we eka magna veniam. Vutomi bya le henhla id vinyl, echo phaka consequat quis aliquip banh mi pitchfork. Vero VHS est ku hlantswa. Consectetur nisi DIY xikhwama xa murhumiwa lexitsongo. Cred ex eka, delectus consectetur fanny pack iphone leyi nga ta tshama nkarhi wo leha.
In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
Keytar twee blog, culpa nkwama wa murhumiwa marfa yini na yini delectus lori ya swakudya. Sapiente synth id ya ku ehleketa. Locavore sed helvetica cliche irony, ti thundercats kumbexana a wu si twa hi tona consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat va nga si xavisiwa, terry richardson proident brunch nesciunt quis cosby xisuti pariatur keffiyeh ut helvetica mutirhi wa mavoko. Cardigan craft biya seitan yi lunghekile velit. VHS chambray laboris xitsongwatsongwana xa nkarhinyana. Anim mollit minim commodo ullamco switsongwatsongwana swa ku dzindza ka tilo.
Swihlanganisi swa Navbar swi fanele ku va na swikongomelo swa id leswi nga lulamisiwaka. Xikombiso, a yi <a href="#home">home</a>
fanele ku fambisana na nchumu wo karhi eka DOM ku fana na <div id="home"></div>
.
:visible
swa xikongomelo swi honisiwileSwiaki leswi kongomisiweke leswi nga riki :visible
hi ku ya hi jQuery swi ta honisiwa naswona swilo swa swona swa nav leswi fambelanaka a swi nge pfuki swi kombisiwile.
Ku nga khathariseki ndlela yo tirhisa, scrollspy yi lava ku tirhisiwa position: relative;
eka elemente leyi u yi hlotaka. Eka swiyimo swo tala leswi i <body>
. Loko u scrollspying eka swiaki swin’wana handle ka <body>
, tiyisisa leswaku u na height
sete na ku overflow-y: scroll;
tirhisiwa.
Ku engetela hi ku olova mahanyelo ya scrollspy eka ku famba-famba ka wena ka topbar, engetela data-spy="scroll"
eka elemente leyi u lavaka ku hlota eka yona (hi ntolovelo leswi swi ta va swi ri <body>
). Kutani engetela data-target
xihlawulekisi hi ID kumbe tlilasi ya elemente ya mutswari ya xiphemu xihi na xihi .nav
xa Bootstrap.
Endzhaku ko engetela position: relative;
eka CSS ya wena, vitana scrollspy hi ku tirhisa JavaScript:
.scrollspy('refresh')
Loko u tirhisa scrollspy hi ku fambisana na ku engetela kumbe ku susa swiaki eka DOM, u ta lava ku vitana ndlela yo pfuxeta ku fana na sweswo:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-offset=""
.
Vito | muxaka | ku tlula | nhlamuselo |
---|---|---|---|
offset | nomboro | 10. | Tipikseli to offset kusuka ehenhla loko u hlayela xiyimo xa scroll. |
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
ku tirhisa.bs.scrollspy | Xiendlakalo lexi xi pfurha nkarhi wun’wana ni wun’wana loko nchumu lowuntshwa wu sungula ku tirhisiwa hi scrollspy. |
Engetela ntirho wa thebhu wa xihatla, lowu cinca-cincaka ku cinca hi ku tirhisa tipheni ta swilo swa laha kaya, hambi ku ri hi ku tirhisa timenyu leti nga ehansi. Tithebhu leti pfaleriweke a ti seketeriwi.
Raw denim kumbexana a wu se twa hi vona jean shorts Austin. Nesciunt tofu stumptown aliqua, ku basisiwa ka n’wini wa synth ya retro. Xikhovha xa malebvu xa nkarhinyana, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga. Xisuti xa cosby eu banh mi, qui irure terry richardson ex squid. Aliquip placeat xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga. Seitan aliquip quis cardigan swiambalo swa le Amerika, muxavisi wa nyama voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Plugin leyi yi andlala xiphemu xa ku famba-famba lexi nga ni tithebhu ku engetela tindhawu leti nga ni tithebhu.
Endla leswaku tithebhu ta tithebhu ti tirha hi ku tirhisa JavaScript (thebhu yin’wana ni yin’wana yi lava ku tirhisiwa hi yoxe):
U nga tirhisa tithebhu ha yin’we-yin’we hi tindlela to hlayanyana:
U nga tirhisa ku famba-famba ka thebhu kumbe philisi handle ko tsala JavaScript yihi na yihi hi ku boxa ntsena data-toggle="tab"
kumbe data-toggle="pill"
eka elemente. Ku engetela titlilasi ta na eka thebhu nav
swi ta tirhisa xitayili xa thebhu ya Bootstrap , kasi ku engetela titlilasi ta na swi ta tirhisa xitayili xa tiphilisi .nav-tabs
ul
nav
nav-pills
Ku endla leswaku tithebhu ti nyamalala, engetela .fade
eka yin’wana ni yin’wana .tab-pane
. Phejini yo sungula ya thebhu yi fanele ku tlhela yi va na .in
ku endla leswaku nhundzu yo sungula yi vonaka.
$().tab
Ku tirhisa xiaki xa thebhu na xigwitsirisi xa nhundzu. Tab yi fanele ku va na a data-target
kumbe ku href
kongomisa eka node ya xikhomela eka DOM. Eka swikombiso leswi nga laha henhla, tithebhu i ti <a>
s leti nga na data-toggle="tab"
swihlawulekisi.
.tab('show')
Hlawula thebhu leyi nyikiweke ivi yi kombisa leswi fambisanaka na yona. Thebhu yin’wana ni yin’wana leyi a yi hlawuriwile khale yi va leyi nga hlawuriwa naswona leswi fambisanaka na yona swa tumbetiwa. Ku tlhelela eka mufoyini loko phejini ya thebhu yi nga si kombisiwa hakunene (i.e. shown.bs.tab
xiendlakalo xi nga si humelela).
Loko u kombisa thebhu leyintshwa, swiendlakalo swi pfurha hi ku landzelelana loku landzelaka:
hide.bs.tab
(eka thebhu leyi tirhaka sweswi)show.bs.tab
(eka thebhu leyi nga ta kombisiwa)hidden.bs.tab
(eka thebhu leyi tirhaka leyi hundzeke, leyi fanaka ni ya hide.bs.tab
xiendlakalo)shown.bs.tab
(eka thebhu leyi tirhaka leyintshwa leyi kombisiweke ntsena, leyi fanaka ni ya show.bs.tab
xiendlakalo)Loko ku nga ri na thebhu leyi se a yi tirha, kutani hide.bs.tab
swiendlakalo swa na hidden.bs.tab
a swi nge tirhisiwi.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
kombisa.bs.tab | Xiendlakalo lexi xi pfurha eka nkombiso wa thebhu, kambe thebhu leyintshwa yi nga si kombisiwa. Tirhisa event.target na event.relatedTarget ku kongomisa thebhu leyi tirhaka na thebhu leyi tirhaka ya khale (loko yi ri kona) hi ku landzelelana. |
ku kombisiwile.bs.tab | Xiendlakalo lexi xi pfurha eka nkombiso wa thebhu endzhaku ka loko thebhu yi kombisiwile. Tirhisa event.target na event.relatedTarget ku kongomisa thebhu leyi tirhaka na thebhu leyi tirhaka ya khale (loko yi ri kona) hi ku landzelelana. |
fihla.bs.tab | Xiendlakalo lexi xi pfurha loko ku fanele ku kombisiwa thebhu leyintshwa (xisweswo thebhu leyi tirhaka ya khale yi fanele ku fihliwa). Tirhisa event.target na event.relatedTarget ku kongomisa thebhu ya sweswi leyi tirhaka na thebhu leyintshwa leyi nga ta tirha ku nga ri khale, hi ku landzelelana. |
thebhu ya.bs. leyi fihliweke | Xiendlakalo lexi xi pfurha endzhaku ka loko ku kombisiwile thebhu leyintshwa (xisweswo thebhu leyi tirhaka ya khale ya fihliwile). Tirhisa event.target na event.relatedTarget ku kongomisa thebhu leyi tirhaka ya khale na thebhu leyintshwa leyi tirhaka, hi ku landzelelana. |
Ku hlohloteriwa hi jQuery.tipsy plugin ya kahle swinene leyi tsariweke hi Jason Frame; Switirhisiwa i vuhundzuluxeri lebyi pfuxetiweke, lebyi nga titshegangiki hi swifaniso, byi tirhisa CSS3 eka swifaniso leswi hanyaka, na data-attributes eka vuhlayiselo bya swihloko swa laha kaya.
Switsundzuxo swa switirhisiwa leswi nga ni swihloko swa ku leha ka zero a swi si tshama swi kombisiwa.
Hover ehenhla ka swihlanganisi leswi nga laha hansi ku vona switsundzuxo swa switirhisiwa:
Tight pants next level keffiyeh kumbexana a wu se swi twa. Xifaniso xa xivandla xa malebvu ya denim yo ka yi nga swekiwanga letterpress vegan messenger bag stumptown. Seitan ya le purasini ku ya etafuleni, mcsweeney’s fixie sustainable quinoa 8-bit swiambalo swa le Amerika swi na terry richardson vinyl chambray. Beard stumptown, ti-cardigan banh mi lomo ti- thundercat. Tofu biodiesel williamsburg marfa, mune loko mcsweeney ya basisa vegan chambray. A really ironic artisan whatever keytar , scenester purasi-ku-tafula banksy Austin twitter khoma freegan cred raw denim kofi ya masungulo yin’we ya xitsongwatsongwana.
Ku ni swilo swa mune leswi u nga swi hlawulaka: leswi ringanisiweke ehenhla, exineneni, ehansi ni le ximatsi.
Hi swivangelo swa matirhelo, Tooltip na Popover data-apis i opt-in, leswi vulaka leswaku u fanele ku swi sungula hi wexe .
Ndlela yin’wana yo sungula switsundzuxo hinkwaswo swa switirhisiwa eka tluka ku nga va ku swi hlawula hi ku ya hi data-toggle
mfanelo ya swona:
Plugin ya xitsundzuxo xa switirhisiwa yi humesa nhundzu na ku fungha hi ku landza xilaveko, naswona hi ku tiyimisela yi veka switsundzuxo endzhaku ka elemente ya swona ya xihlohloteri.
Pfuxeta xitsundzuxo xa xitirhisiwa hi ku tirhisa JavaScript:
Ximaki lexi lavekaka xa xitsundzuxo xa xitirhisiwa i data
xihlawulekisi ntsena naswona title
eka elemente ya HTML u navela ku va na xitsundzuxo xa xitirhisiwa. Ku fungha loku endliweke ka xitsundzuxo xa xitirhisiwa ku olovile swinene, hambi leswi ku lavaka xiyimo (hi ku tiyimisela, ku vekiwile eka top
hi xiengetelo).
Minkarhi yin’wana u lava ku engetela xitsundzuxo xa xitirhisiwa eka xihlanganisi xa le henhla lexi phutselaka milayeni yo tala. Mahanyelo ya ntolovelo ya xiengetelo xa xitirhisiwa i ku xi veka exikarhi hi ndlela yo olova na yo rhendzeleka. Engetela white-space: nowrap;
eka ti anchor ta wena ku papalata leswi.
Loko u tirhisa switsundzuxo swa switirhisiwa eka swiaki leswi nga endzeni ka a .btn-group
kumbe an .input-group
, kumbe eka swiaki leswi fambelanaka na tafula ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), u ta boheka ku boxa nhlawulo container: 'body'
(leswi tsariweke laha hansi) ku papalata switandzhaku leswi nga laviwiki (swo tanihi xiaki lexi kulaka xi anama na/ kumbe ku lahlekeriwa hi tikhoneni ta yona leti nga ni xirhendzevutana loko xitirhisiwa xi pfuriwa).
Eka vatirhisi lava fambafambaka hi khibhodi, naswona ngopfungopfu vatirhisi va thekinoloji yo pfuneta, u fanele ku engetela ntsena switsundzuxo swa switirhisiwa eka swiaki leswi kongomisiweke eka khibhodi swo fana na swihlanganisi, vulawuri bya fomo, kumbe xiaki xihi na xihi xa ku tihlawulela lexi nga na tabindex="0"
xihlawulekisi.
Ku engetela xitirhisiwa eka a disabled
kumbe .disabled
elemente, veka elemente endzeni ka a <div>
ivi u tirhisa xitirhisiwa eka sweswo <div>
ematshan’wini ya sweswo.
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-animation=""
.
Vito | Muxaka | Ku tlula | Nhlamuselo |
---|---|---|---|
ku endla swifaniso leswi hanyaka | xitsonga xitsonga | ntiyiso | Tirhisa ku cinca ka ku fada ka CSS eka xitsundzuxo xa xitirhisiwa |
xigwitsirisi | ntambhu ya xirhendzevutani | vunwa | vunwa | Ku engetela xitsundzuxo xa xitirhisiwa eka elemente yo karhi. Xikombiso: |
hlwela | nomboro | nchumu | 0. | Ku hlwela ku kombisa na ku tumbeta xitsundzuxo xa xitirhisiwa (ms) - a swi tirhi eka muxaka wa xihlohloteri xa manual Loko nomboro yi nyikiwile, ku hlwela ku tirhisiwa eka havumbirhi bya ku fihla/kombisa Xivumbeko xa nchumu i: |
html | xitsonga xitsonga | vunwa | Nghenisa HTML eka xitsundzuxo xa switirhisiwa. Loko ku ri mavunwa, ndlela ya jQuery text yi ta tirhisiwa ku nghenisa nhundzu eka DOM. Tirhisa tsalwa loko u vilerisiwa hi nhlaselo wa XSS. |
ku vekiwa ka swilo | ntambhu ya xirhendzevutani | ntirho | 'henhla' | Ndlela yo veka xitirhisiwa - ehenhla | ehansi | ximatsi | xinene | auto. Loko ntirho wu tirhisiwa ku kumisisa ku vekiwa, wu vitaniwa hi tooltip DOM node tanihi argument ya wona yo sungula na triggering element DOM node tanihi ya vumbirhi. Mongo |
xihlawulekisi xa swilo | ntambu | vunwa | Loko ku nyikiwile xihlawulekisi, swilo swa xitsundzuxo xa switirhisiwa swi ta nyikiwa swikongomelo leswi boxiweke. Hi ku tirhisa, leswi swi tirhisiwa ku endla leswaku nhundzu ya HTML leyi cinca-cincaka yi va na switsundzuxo swa switirhisiwa leswi engeteriweke. Vona leswi ni xikombiso lexi dyondzisaka . |
xifaniso xa xifaniso | ntambu | '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' |
Base HTML ku tirhisa loko u endla xitirhisiwa. Ti tooltip's
Xiphemu xa le handle xa xifunengeto xi fanele ku va na |
xirhangi | ntambhu ya xirhendzevutani | ntirho | '' . | Nhlayo ya xihloko xa xiviri loko Loko ntirho wu nyikiwile, wu ta vitaniwa hi |
gwedla | ntambu | 'hover focus'. | Ndlela leyi tooltip yi pfuriwaka ha yona - click | hover | ku kongomisa | manyuwali. U nga ha hundza swihlohloteri swo tala; va hambanise hi xivandla. manual a yi nge hlanganisiwi ni xihlohloteri xin’wana. |
xivono xa swilo | ntambhu ya xirhendzevutani | nchumu | ntirho | { xihlawulekisi: 'miri', xifunengeto: 0 } . | Yi hlayisa xitsundzuxo xa xitirhisiwa endzeni ka swipimelo swa elemente leyi. Xikombiso: Loko ntirho wu nyikiwile, wu vitaniwa hi elemente yo hlohlotela DOM node tanihi argument ya wona ntsena. Mongo |
Swihlawulekisi swa switsundzuxo swa switirhisiwa swa munhu hi xiyexe swi nga boxiwile hi ndlela yin’wana hi ku tirhisa swihlawulekisi swa datha, tanihilaha swi hlamuseriweke hakona laha henhla.
$().tooltip(options)
Ku khomanisa xitirhisiwa xa xitirhisiwa eka nhlengeleto wa swiaki.
.tooltip('show')
Ku paluxa xitsundzuxo xa xitirhisiwa xa elemente. Ku tlhelela eka mufoyini xitsundzuxo xa xitirhisiwa xi nga si kombisiwa hakunene (i.e. shown.bs.tooltip
xiendlakalo xi nga si humelela). Leswi swi tekiwa tanihi "manual" triggering ya xitirhisiwa. Switsundzuxo swa switirhisiwa leswi nga ni swihloko swa ku leha ka zero a swi si tshama swi kombisiwa.
.tooltip('hide')
Ku fihla xitsundzuxo xa xitirhisiwa xa elemente. Ku tlhelela eka mufoyini xitsundzuxo xa xitirhisiwa xi nga si fihliwa hakunene (i.e. hidden.bs.tooltip
xiendlakalo xi nga si humelela). Leswi swi tekiwa tanihi "manual" triggering ya xitirhisiwa.
.tooltip('toggle')
Ku cinca-cinca xitsundzuxo xa xitirhisiwa xa elemente. Ku tlhelela eka mufoyini xitsundzuxo xa xitirhisiwa xi nga si kombisiwa hakunene kumbe ku fihliwa (i.e. emahlweni ka ku humelela shown.bs.tooltip
kumbe hidden.bs.tooltip
xiendlakalo). Leswi swi tekiwa tanihi "manual" triggering ya xitirhisiwa.
.tooltip('destroy')
Ku tumbeta no herisa xitirhisiwa xa elemente. Switirhisiwa leswi tirhisaka ku rhumeriwa (leswi endliwaka hi ku tirhisa selector
nhlawulo ) a swi nge herisiwi hi swoxe eka swiaki swa xihlohloteri swa vatukulu.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
show.bs.xitsundzuxo xa switirhisiwa | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku show vitaniwa ndlela ya xikombiso. |
shown.bs.xitsundzuxo xa switirhisiwa | Xiendlakalo lexi xi duvuriwa loko xitsundzuxo xa xitirhisiwa xi endliwile xi vonaka eka mutirhisi (xi ta rindza ku cinca ka CSS ku hela). |
hide.bs.xitsundzuxo xa switirhisiwa | Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko ndlela ya hide xikombiso yi vitaniwile. |
hidden.bs.xitsundzuxo xa switirhisiwa | Xiendlakalo lexi xi duvuriwa loko xitsundzuxo xa xitirhisiwa xi hetile ku tumbetiwa eka mutirhisi (xi ta rindza ku cinca ka CSS ku hela). |
inserted.bs.xitsundzuxo xa switirhisiwa | Xiendlakalo lexi xi hlongoriwa endzhaku ka show.bs.tooltip xiendlakalo loko xifaniso xa xitirhisiwa xi engeteriwile eka DOM. |
Engetelani swifunengeto leswitsongo swa swilo leswi nga endzeni, ku fana ni leswi nga eka iPad, eka elemente yihi na yihi yo veka rungula ra vumbirhi.
Ti-popover leti nhloko-mhaka ya tona ni leswi nga endzeni ka tona swi nga zero-length a swi si tshama swi kombisiwa.
Popovers yi lava leswaku plugin ya tooltip yi katsiwa eka vuhundzuluxeri bya wena bya Bootstrap.
Hi swivangelo swa matirhelo, Tooltip na Popover data-apis i opt-in, leswi vulaka leswaku u fanele ku swi sungula hi wexe .
Ndlela yin’wana yo sungula ti-popover hinkwato eka tluka ku nga va ku ti hlawula hi data-toggle
xihlawulekisi xa tona:
Loko u tirhisa ti-popovers eka swiaki leswi nga endzeni ka a .btn-group
kumbe an .input-group
, kumbe eka swiaki leswi fambelanaka na tafula ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), u ta boheka ku boxa nhlawulo container: 'body'
(leswi tsariweke laha hansi) ku papalata switandzhaku leswi nga laviwiki (swo tanihi xiaki lexi kulaka xi anama na/ kumbe ku lahlekeriwa hi makhon’wa ya yona ya xirhendzevutani loko popover yi pfuriwa).
Ku engetela popover eka a disabled
kumbe .disabled
element, veka element endzeni ka a <div>
kutani u chela popover eka sweswo <div>
ematshan’wini ya sweswo.
Minkarhi yin’wana u lava ku engetela popover eka hyperlink leyi phutselaka milayeni yo tala. Mahanyelo ya ntolovelo ya popover plugin i ku yi veka exikarhi hi ndlela yo olova na yo rhendzeleka. Engetela white-space: nowrap;
eka ti anchor ta wena ku papalata leswi.
Ku ni swilo swa mune leswi u nga swi hlawulaka: leswi ringanisiweke ehenhla, exineneni, ehansi ni le ximatsi.
Sed posuere consectetur est eka xiyimo xa le henhla. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum.
Sed posuere consectetur est eka xiyimo xa le henhla. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum.
Sed posuere consectetur est eka xiyimo xa le henhla. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum.
Sed posuere consectetur est eka xiyimo xa le henhla. Aenean eu leo quam. Ku khavisiwa ka pellentesque sem lacinia quam venenatis vestibulum.
Tirhisa focus
trigger ku hlongola ti popovers eka click leyi landzelaka leyi mutirhisi a yi endlaka.
Ku kuma mahanyelo lamanene ya cross-browser na cross-platform, u fanele ku tirhisa <a>
thegi, ku nga ri <button>
thegi, naswona u fanele ku tlhela u katsa swihlawulekisi swa role="button"
na .tabindex
Endla leswaku ti-popovers ti tirha hi ku tirhisa JavaScript:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-animation=""
.
Vito | Muxaka | Ku tlula | Nhlamuselo |
---|---|---|---|
ku endla swifaniso leswi hanyaka | xitsonga xitsonga | ntiyiso | Tirhisa ku cinca ka CSS fade eka popover |
xigwitsirisi | ntambhu ya xirhendzevutani | vunwa | vunwa | Ku engetela popover eka elemente yo karhi. Xikombiso: |
vundzeni | ntambhu ya xirhendzevutani | ntirho | '' . | Ntsengo wa nhundzu ya xiviri loko Loko ntirho wu nyikiwile, wu ta vitaniwa hi |
hlwela | nomboro | nchumu | 0. | Ku hlwela ku kombisa na ku tumbeta popover (ms) - a swi tirhi eka muxaka wa manual trigger Loko nomboro yi nyikiwile, ku hlwela ku tirhisiwa eka havumbirhi bya ku fihla/kombisa Xivumbeko xa nchumu i: |
html | xitsonga xitsonga | vunwa | Nghenisa HTML eka popover. Loko ku ri mavunwa, ndlela ya jQuery text yi ta tirhisiwa ku nghenisa nhundzu eka DOM. Tirhisa tsalwa loko u vilerisiwa hi nhlaselo wa XSS. |
ku vekiwa ka swilo | ntambhu ya xirhendzevutani | ntirho | 'mfanelo' | Ndlela yo veka popover - top | ehansi | ximatsi | xinene | auto. Loko ntirho wu tirhisiwa ku kumisisa ku vekiwa, wu vitaniwa hi popover DOM node tanihi argument ya wona yo sungula na triggering element DOM node tanihi ya vumbirhi. Mongo |
xihlawulekisi xa swilo | ntambu | vunwa | Loko ku nyikiwile xihlawulekisi, swilo swa popover swi ta nyikiwa swikongomelo leswi boxiweke. Hi ku tirhisa, leswi swi tirhisiwa ku endla leswaku nhundzu ya HTML leyi cinca-cincaka yi va na ti-popover leti engeteriweke. Vona leswi ni xikombiso lexi dyondzisaka . |
xifaniso xa xifaniso | ntambu | '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' |
Base HTML ku tirhisa loko u endla popover. Popover's Popover's
Xiphemu xa le handle xa xifunengeto xi fanele ku va na |
xirhangi | ntambhu ya xirhendzevutani | ntirho | '' . | Nhlayo ya xihloko xa xiviri loko Loko ntirho wu nyikiwile, wu ta vitaniwa hi |
gwedla | ntambu | 'click'. | Ndlela leyi popover yi sungulaka ha yona - click | hover | ku kongomisa | manyuwali. U nga ha hundza swihlohloteri swo tala; va hambanise hi xivandla. manual a yi nge hlanganisiwi ni xihlohloteri xin’wana. |
xivono xa swilo | ntambhu ya xirhendzevutani | nchumu | ntirho | { xihlawulekisi: 'miri', xifunengeto: 0 } . | Yi hlayisa popover endzeni ka swipimelo swa element leyi. Xikombiso: Loko ntirho wu nyikiwile, wu vitaniwa hi elemente yo hlohlotela DOM node tanihi argument ya wona ntsena. Mongo |
Swihlawulekisi swa ti popovers ha yin’we yin’we tinga boxiwile hindlela yin’wana hiku tirhisa swihlawulekisi swa data, tani hileswi swinga hlamuseriwa laha henhla.
$().popover(options)
Ku sungula ti-popovers ta nhlengeleto wa swiaki.
.popover('show')
Ku paluxa popover ya elemente. Ku tlhelela eka mufoyini loko popover yi nga si kombisiwa hakunene (i.e. shown.bs.popover
xiendlakalo xi nga si humelela). Leswi swi tekiwa tani hi "manual" triggering ya popover. Ti-popover leti nhloko-mhaka ya tona ni leswi nga endzeni ka tona swi nga zero-length a swi si tshama swi kombisiwa.
.popover('hide')
Ku tumbeta popover ya elemente. Ku tlhelela eka mufoyini loko popover yi nga si fihliwa hakunene (i.e. hidden.bs.popover
xiendlakalo xi nga si humelela). Leswi swi tekiwa tani hi "manual" triggering ya popover.
.popover('toggle')
Ku cinca-cinca popover ya elemente. Ku tlhelela eka mufoyini loko popover yi nga si kombisiwa hakunene kumbe ku tumbetiwa (i.e. emahlweni ka ku humelela shown.bs.popover
kumbe hidden.bs.popover
xiendlakalo). Leswi swi tekiwa tani hi "manual" triggering ya popover.
.popover('destroy')
Ku tumbeta no herisa popover ya element. Popovers leyi tirhisaka delegation (leswi endliwaka hi ku tirhisa selector
option ) a yi nge herisiwi hi yoxe eka ti descendant trigger elements.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
kombisa.bs.vusiwana | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku show vitaniwa ndlela ya xikombiso. |
swi kombisiwile.bs.vusiwana | Xiendlakalo lexi xi hlongoriwa loko popover yi endliwile yi vonaka eka mutirhisi (yi ta rindza ku cinca ka CSS ku hela). |
tumbeta.bs.vusiwana | Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko ndlela ya hide xikombiso yi vitaniwile. |
swi fihliwile.bs.vusiwana | Xiendlakalo lexi xi duvuriwa loko popover yi hetile ku tumbetiwa eka mutirhisi (yi ta rindza ku cinca ka CSS ku hela). |
ku nghenisiwile.bs.vusiwana | Xiendlakalo lexi xi hlongoriwa endzhaku ka show.bs.popover xiendlakalo loko xifaniso xa popover xi engeteriwile eka DOM. |
Engetela ntirho wo hlongola eka marungula hinkwawo ya xitsundzuxo hi xiengetelo lexi.
Loko u tirhisa .close
buti, yi fanele ku va n’wana wo sungula wa .alert-dismissible
naswona ku hava nhundzu ya tsalwa leyi nga ta emahlweni ka yona eka ku fungha.
Cinca leswi na leswiya ivi u ringeta nakambe. Duis mollis, est non commodo luctus, nisi erat xirho xa xirhendzevutani, xitsongwatsongwana xa xirhendzevutani xa xirhendzevutani. Cras mattis consectetur purus yitshama eka fermentum.
Ntsena engetela data-dismiss="alert"
eka buti ya wena yo pfala ku nyika hi ku tisungulela ntirho wa ku pfala wa xitsundzuxo. Ku pfala xitsundzuxo swi xi susa eka DOM.
Ku endla leswaku switsundzuxo swa wena swi tirhisa animation loko u pfala, tiyisisa leswaku swi na .fade
na.in
titlilasi leti se ti tirhisiweke eka swona.
$().alert()
Endla leswaku xitsundzuxo xi yingisela swiendlakalo swa ku tsindziyela eka swiaki swa vatukulu leswi nga na data-dismiss="alert"
xihlawulekisi. (A swi bohi loko u tirhisa ku sungula ka data-api hi ku tisungulela.)
$().alert('close')
Ku pfala xitsundzuxo hi ku xi susa eka DOM. Loko titlilasi ta .fade
na .in
ti ri kona eka elemente, xitsundzuxo xi ta nyamalala xi nga si susiwa.
Plugin ya xitsundzuxo ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa xitsundzuxo.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
pfala.bs.xitsundzuxo | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku close vitaniwa ndlela ya xikombiso. |
xitsundzuxo xa bs.xi pfariwile | Xiendlakalo lexi xi pfuriwa loko xitsundzuxo xi pfariwile (xi ta rindza ku cinca ka CSS ku hela). |
Endla swo tala hi swikomba-nkarhi. Vulawuri bya swikomba-nkarhi kumbe ku tumbuluxa mintlawa ya swikomba-nkarhi swa swiphemu swo tala swo fana na tibarhi ta switirhisiwa.
Firefox yi phikelela swiyimo swa vulawuri bya xivumbeko (ku tsandzeka na ku kamberiwa) ku tsemakanya ku layicha ka matluka . Ntlhantlho wa leswi i ku tirhisa autocomplete="off"
. Vona xitsotswana xa Mozilla #654072 .
Engetela data-loading-text="Loading..."
ku tirhisa xiyimo xo layicha eka buti.
Xivumbeko lexi xi nga ha tirhisiwi ku sukela eka v3.3.5 naswona xi susiwile eka v4.
Hikwalaho ka nkombiso lowu, hi tirhisa data-loading-text
na $().button('loading')
, kambe a hi xona ntsena xiyimo lexi u nga xi tirhisaka. Vona swo tala hi leswi laha hansi eka $().button(string)
matsalwa .
Engetela data-toggle="button"
ku endla leswaku ku cinca-cinca ku tirha eka buti yin’we.
.active
naaria-pressed="true"
Eka swikomba-nkarhi leswi cinciweke ka ha ri emahlweni, u fanele ku engetela .active
tlilasi ni aria-pressed="true"
xihlawulekisi eka swa button
wena n’wini.
Engetelani data-toggle="buttons"
eka .btn-group
bokisi ro kambela leri nga na kumbe swingheniso swa xiya-ni-moya ku endla leswaku ku cinca-cinca eka switayele swa swona hi ku hambana ka swona.
.active
Eka swihlawulekisi leswi hlawuriweke ka ha ri emahlweni, u fanele ku engetela .active
tlilasi eka input's hi label
wexe.
Loko xiyimo lexi kamberiweke xa buti ya bokisi ro kambela xi pfuxetiwa handle ko duvula click
xiendlakalo eka buti (xikombiso hi ku tirhisa <input type="reset">
kumbe hi ku tirhisa ku veka checked
nhundzu ya ku nghenisa), u ta lava ku cinca-cinca .active
tlilasi eka ya ku nghenisa hi label
wexe.
$().button('toggle')
Ku cinca-cinca xiyimo xa push. Yi nyika button xivumbeko xa leswaku yi tirhisiwile.
$().button('reset')
Ku tlherisela xiyimo xa buti - ku cincana tsalwa eka tsalwa ra masungulo. Endlelo leri i ra asynchronous naswona ri vuya ku nga si hela ku tlhela ku hetiwa hakunene.
$().button(string)
Swi cinca tsalwa eka xiyimo xihi kumbe xihi xa tsalwa leri hlamuseriweke hi datha.
Plugin leyi cinca-cincaka leyi tirhisaka titlilasi ti nga ri tingani eka mahanyelo yo olova yo cinca-cinca.
Ku wisa swi lava leswaku plugin ya ku cinca yi katsiwa eka vuhundzuluxeri bya wena bya Bootstrap.
Click ti buttons leti nga laha hansi ku kombisa no fihla element yin’wana hi ku tirhisa ku cinca ka class:
.collapse
yi fihla leswi nga endzeni.collapsing
yi tirhisiwa hi nkarhi wa ku cinca.collapse.in
yi kombisa leswi nga endzeniU nga tirhisa xihlanganisi lexi nga ni href
xihlawulekisi, kumbe buti leyi nga ni data-target
xihlawulekisi. Eka swiyimo leswimbirhi, ku data-toggle="collapse"
laveka the.
Andlala mahanyelo ya ku wisa ya ntolovelo ku tumbuluxa accordion na xiphemu xa phanele.
Swi tlhela swi koteka ku cincana ehandle .panel-body
s na .list-group
s.
Tiyisisa leswaku u engetela aria-expanded
eka xiaki xa vulawuri. Xihlawulekisi lexi xi hlamusela hi ku kongoma xiyimo xa sweswi xa xiaki lexi nga pfaleriwaka eka vahlayi va xikirini na thekinoloji yo pfuneta yo fana. Loko xiaki lexi nga pfaleriwaka xi pfariwile hi ku tiyimisela, xi fanele xi va ni ntikelo wa aria-expanded="false"
. Loko u vekile elemente leyi nga pfaleriwaka leswaku yi pfuleka hi ku tiyimisela hi ku tirhisa in
tlilasi, veka aria-expanded="true"
eka vulawuri ematshan’wini ya sweswo. Plugin yi ta cinca-cinca hi yoxe xihlawulekisi lexi hi ku ya hi loko kumbe e-e xiaki lexi nga pfaleriwaka xi pfuriwile kumbe xi pfariwile.
Ku engetela kwalaho, loko xiaki xa wena xa vulawuri xi kongomisa eka xiaki xin’we lexi nga pfaleriwaka – i.e. data-target
xihlawulekisi xi kombetela eka id
xihlawulekisi – u nga engetela aria-controls
xihlawulekisi xo engetela eka xiaki xa vulawuri, lexi nga na id
xa xiaki lexi pfaleriwaka. Swihlaya swa xikirini swa manguva lawa na thekinoloji yo pfuneta leyi fanaka swi tirhisa xihlawulekisi lexi ku nyika vatirhisi swipfuxeto leswi engetelekeke swo famba hi ku kongoma eka xiaki lexi nga pfaleriwaka hi xoxe.
Plugin ya ku wa yi tirhisa titlilasi ti nga ri tingani ku khoma ku tlakusa swilo swo tika:
.collapse
yi fihla leswi nga endzeni.collapse.in
yi kombisa leswi nga endzeni.collapsing
yi engeteriwa loko ku cinca ku sungula, naswona yi susiwa loko ku herileTitlilasi leti ti nga kumeka eka component-animations.less
.
Ntsena engetela data-toggle="collapse"
na a data-target
eka elemente ku avela hi ku tisungulela vulawuri bya elemente leyi nga pfaleriwaka. Xihlawulekisi data-target
xi amukela xihlawulekisi xa CSS ku tirhisa ku wisa eka xona. Tiyiseka leswaku u engetela tlilasi collapse
eka xiaki lexi nga pfaleriwaka. Loko u lava leswaku yi pfuleka hi ku tiyimisela, engetela tlilasi leyi engetelekeke in
.
Ku engetela vulawuri bya ntlawa byo fana na accordion eka vulawuri lebyi pfalekaka, engetela xihlawulekisi xa data data-parent="#selector"
. Languta eka demo ku vona leswi swi ri karhi swi tirha.
Endla leswaku swi tirha hi voko hi:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-parent=""
.
Vito | muxaka | ku tlula | nhlamuselo |
---|---|---|---|
mutswari | xihlawulekisi xa swilo | vunwa | Loko ku nyikiwile xihlawulekisi, kutani swiaki hinkwaswo leswi nga pfaleriwaka ehansi ka mutswari la boxiweke swi ta pfala loko nchumu lowu wu pfaleriwaka wu kombisiwa. (ku fana na mahanyelo ya ndhavuko ya accordion - leswi swi titshege hi panel tlilasi) |
ku cinca-cinca | xitsonga xitsonga | ntiyiso | Ku cinca-cinca xiaki lexi nga pfaleriwaka eka ku vitaniwa |
.collapse(options)
Ku endla leswaku nhundzu ya wena yi tirha tanihi xiaki lexi nga pfaleriwaka. Ku amukela swihlawulekisi swa ku hlawula object
.
.collapse('toggle')
Ku cinca-cinca xiaki lexi nga pfaleriwaka ku ya eka lexi kombisiweke kumbe lexi fihliweke. Ku tlhelela eka mufoyini xiaki lexi nga pfaleriwaka xi nga si kombisiwa hakunene kumbe ku fihliwa (i.e. emahlweni ka ku humelela shown.bs.collapse
kumbe hidden.bs.collapse
xiendlakalo).
.collapse('show')
Ku kombisa xiaki lexi nga tshovekaka. Ku tlhelela eka mufoyini xiaki lexi nga pfaleriwaka xi nga si kombisiwa hakunene (i.e. shown.bs.collapse
xiendlakalo xi nga si humelela).
.collapse('hide')
Ku tumbeta xiaki lexi nga tshovekaka. Ku tlhelela eka mufoyini xiaki lexi nga pfaleriwaka xi nga si fihliwa hakunene (i.e. hidden.bs.collapse
xiendlakalo xi nga si humelela).
Tlilasi ya ku wa ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa ku wa.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
kombisa.bs.ku wa | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku show vitaniwa ndlela ya xikombiso. |
swi kombisiwile.bs.collapse | Xiendlakalo lexi xi duvuriwa loko xiphemu xa ku wa xi endliwile xi vonaka eka mutirhisi (xi ta rindza ku cinca ka CSS ku hetisisiwa). |
fihla.bs.ku pfula | Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko hide ndlela yi vitaniwile. |
ku fihliwile.bs.ku wisa | Xiendlakalo lexi xi duvuriwa loko xiphemu xa ku wa xi fihliwile eka mutirhisi (xi ta rindza ku cinca ka CSS ku hela). |
Xiphemu xa nkombiso wa swilayidi xo rhendzeleka hi swiaki, ku fana na carousel. Ti carousel leti nga ni swisaka a ti seketeriwi.
Xiphemu xa carousel hi ntolovelo a xi fambisani na swipimelo swa ku fikelela. Loko u lava ku landzelela milawu, hi kombela u kambisisa tindlela tin’wana to humesa rungula ra wena.
Bootstrap yi tirhisa CSS3 ntsena eka swifaniso swa yona leswi hanyaka, kambe Internet Explorer 8 & 9 a yi seketeli swihlawulekisi swa CSS leswi lavekaka. Xisweswo, a ku na swifaniso leswi hanyaka swa ku cinca ka swilayidi loko u tirhisa swihlamusela-marito leswi. Hi endle xiboho hi vomu xo ka hi nga katsi ti-fallback leti simekiweke eka jQuery eka ku cinca.
Tlilasi .active
yi lava ku engeteriwa eka xin’wana xa swilayidi. Handle ka sweswo, carousel a yi nge vonaki.
Xitsonga.glyphicon .glyphicon-chevron-left
ta na .glyphicon .glyphicon-chevron-right
a ti laveki ngopfu eka vulawuri. Bootstrap yi nyika .icon-prev
na .icon-next
tanihi swihlawulekisi swa unicode swo olova.
Engetelani switlhokovetselo eka swilayidi swa wena hi ku olova hi .carousel-caption
elemente leyi nga endzeni ka .item
. Veka ntsena kwalomu ka HTML yin’wana na yin’wana yo hlawula endzeni kwalaho naswona yi ta ringanisiwa hi ku tisungulela no fomatiwa.
Ti carousels ti lava ku tirhisiwa ka an id
eka xigwitsirisi xa le handle swinene (the.carousel
) leswaku vulawuri bya carousel byi tirha kahle. Loko u engetela ti- carousel to tala, kumbe loko u cinca carousel’s id
, tiyiseka leswaku u pfuxeta swilawuri leswi faneleke.
Tirhisa swihlawulekisi swa data ku lawula hi ku olova xiyimo xa carousel. data-slide
amukela marito ya nkoka prev
kumbe next
, leswi cincaka xiyimo xa xilayidi loko xi pimanisiwa ni xiyimo xa xona xa sweswi. Handle ka sweswo, tirhisa data-slide-to
ku hundzisela xikombo xa swilayidi lexi nga si swekiwaka eka carousel data-slide-to="2"
, lexi cincaka ndhawu ya xilayidi ku ya eka xikombo xo karhi lexi sungulaka hi0
.
Xihlawulekisi data-ride="carousel"
xi tirhisiwa ku fungha carousel tanihi animating ku sukela eka ku layicha pheji. A yi nge tirhisiwi yi hlanganisiwa na (ku nga laveki na loku nga lavekiki) ku sungula ka JavaScript loku nga erivaleni ka carousel yin’we.
Fonela carousel hi voko hi:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-interval=""
.
Vito | muxaka | ku tlula | nhlamuselo |
---|---|---|---|
nkarhi wo leha | nomboro | 5000 wa vanhu | Nkarhi wo hlwela exikarhi ka ku rhendzeleka ka nchumu wo karhi hi ku tisungulela. Loko ku ri mavunwa, carousel a yi nge tifambi hi yoxe. |
yimanyana | ntambhu ya xirhendzevutani | hava | "hover" . | Loko yi vekiwile eka "hover" , yi yimisa ku rhendzeleka ka carousel eka mouseenter ivi yi tlhela yi sungula ku rhendzeleka ka carousel eka mouseleave . Loko u vekiwile eka null , ku rhendzeleka ehenhla ka carousel a swi nge yi yimisi. |
phutsela | xitsonga xitsonga | ntiyiso | Loko carousel yi fanele yi famba hi xikanyakanya yi ya emahlweni kumbe yi va ni swimakiwa swo tika. |
xikhiya xa xikhiya | xitsonga xitsonga | ntiyiso | Loko carousel yi fanele yi angula eka swiendlakalo swa khibhodi. |
.carousel(options)
Ku sungula carousel hi swihlawulekisi swo hlawula object
ivi a sungula ku khandziya xikanyakanya hi swilo.
.carousel('cycle')
Ku rhendzeleka hi swilo swa carousel ku suka eximatsini ku ya exineneni.
.carousel('pause')
Swi yimisa carousel ku famba hi xikanyakanya hi swilo.
.carousel(number)
Yi rhendzeleka na carousel eka furemu yo karhi (0 based, ku fana na array).
.carousel('prev')
Swirhendzevutana ku ya eka nchumu lowu hundzeke.
.carousel('next')
Swirhendzevutana swi ya eka nchumu lowu landzelaka.
Tlilasi ya carousel ya Bootstrap yi paluxa swiendlakalo swimbirhi swo khoma eka ntirho wa carousel.
Swiendlakalo leswi haswimbirhi swi na swihlawulekisi leswi landzelaka leswi engetelekeke:
direction
: Ndlela leyi carousel yi rhetaka ha yona (kumbe "left"
kumbe "right"
).relatedTarget
: Xiphemu xa DOM lexi nga eku rheleriweni endhawini ya xona tanihi nchumu lowu tirhaka.Swiendlakalo hinkwaswo swa carousel swi duvuriwa eka carousel hi yoxe (i.e. eka <div class="carousel">
).
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
xilayidi.bs.xirhendzevutani | Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku slide vitaniwa ndlela ya xikombiso. |
xirhendzevutani.bs.carousel | Xiendlakalo lexi xi duvuriwa loko carousel yi hetile ku cinca ka yona ka swilayidi. |
Xiengetelo xa xiengetelo xi cinca -cinca position: fixed;
ku pfula ni ku tima, xi tekelela vuyelo lebyi kumiweke hi position: sticky;
. Subnavigation leyi nga exineneni i demo leyi hanyaka ya plugin ya affix.
Tirhisa xiengetelo xa xiengetelo hi ku tirhisa swihlawulekisi swa data kumbe hi voko hi JavaScript ya wena.Eka swiyimo leswimbirhi, u fanele ku nyika CSS ya xiyimo na ku anama ka nhundzu ya wena leyi namarhetiwe.
Xiya: U nga tirhisi xiengetelo xa xiengetelo eka xiaki lexi nga eka xiaki lexi nga eka xiyimo xo karhi, xo tanihi kholomo leyi hoxiweke kumbe leyi susumetiweke, hikwalaho ka xihoxo xa ku hundzuluxela ka Safari .
Xiengetelo xa xiengetelo xi cinca-cinca exikarhi ka titlilasi tinharhu, yin’wana ni yin’wana yi yimela xiyimo xo karhi: .affix
, .affix-top
, na .affix-bottom
. U fanele ku nyika switayele, handle ka position: fixed;
on .affix
, eka titlilasi leti hi wexe (ku tiyimela hi yoxe eka xiengetelo lexi) ku khoma swiyimo swa xiviri.
Hi leyi ndlela leyi xiengetelo xa xiengetelo xi tirhaka ha yona:
.affix-top
ku kombisa leswaku elemente yi le ka xiyimo xa yona xa le henhla swinene. Eka xiyimo lexi ku hava ku vekiwa ka CSS loku lavekaka..affix
sivaka .affix-top
na ku veka position: fixed;
(leswi nyikiweke hi CSS ya Bootstrap)..affix
hi .affix-bottom
. Tanihi leswi ti-offset ti nga tihlawulelaka, ku veka yin’we swi lava leswaku u veka CSS leyi faneleke. Eka xiyimo lexi, engetela position: absolute;
loko swi laveka. Plugin yi tirhisa xihlawulekisi xa data kumbe nhlawulo wa JavaScript ku kumisisa laha u nga vekaka elemente kona ku suka kwalaho.Landzelela magoza lama nga laha henhla ku veka CSS ya wena eka yin’wana ya tindlela ta matirhiselo leti nga laha hansi.
Ku engetela mahanyelo ya affix hi ku olova eka elemente yihi na yihi, engetela ntsena data-spy="affix"
eka elemente leyi u lavaka ku yi hlota. Tirhisa ti-offset ku hlamusela rini ku cinca-cinca ku pini ka elemente.
Fonela xiengetelo xa xiengetelo hi ku tirhisa JavaScript:
Swihlawulekisi swi nga hundzisiwa hi ku tirhisa swihlawulekisi swa data kumbe JavaScript. Eka swihlawulekisi swa datha, engetela vito ra xihlawuhlawu eka data-
, tanihi le ka data-offset-top="200"
.
Vito | muxaka | ku tlula | nhlamuselo |
---|---|---|---|
offset | nomboro | ntirho | nchumu | 10. | Tipikseli to offset kusuka eka xikirini loko u hlayela xiyimo xa scroll. Loko ku nyikiwa nomboro yin’we, offset yi ta tirhisiwa eka matlhelo ya le henhla na ya le hansi. Ku nyika offset yo hlawuleka, ya le hansi na ya le henhla ntsena nyika nchumu offset: { top: 10 } kumbe offset: { top: 10, bottom: 5 } . Tirhisa ntirho loko u lava ku hlayela offset hi ndlela leyi cinca-cincaka. |
xikongomelo | xihlawulekisi xa swilo | node | jXiaki xa xivutiso | nchumu window wolowo |
Ku hlamusela xiphemu lexi kongomisiweke xa xiengetelo. |
.affix(options)
Ku endla leswaku swilo swa wena swi tirha tanihi swilo leswi namarhetiwe. Ku amukela swihlawulekisi swa ku hlawula object
.
.affix('checkPosition')
Yi hlayela nakambe xiyimo xa xiengetelo hi ku ya hi tidimenxini, xiyimo, na xiyimo xa ku rhendzeleka ka swiaki leswi faneleke. Titlilasi ta .affix
, .affix-top
, na .affix-bottom
ti engeteriwa kumbe ti susiwa eka swilo leswi namarhetiwe ku ya hi xiyimo lexintshwa. Endlelo leri ri lava ku vitaniwa nkarhi wun’wana na wun’wana loko ku cinciwa tidimenxini ta nhundzu leyi namarhetiwe kumbe xiphemu lexi kongomisiweke, ku tiyisisa ku vekiwa lokunene ka nhundzu leyi namarhetiwe.
Plugin ya affix ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa affix.
Muxaka wa Xiendlakalo | Nhlamuselo |
---|---|
xiengetelo.bs.xiengetelo | Xiendlakalo lexi xi pfurha hi ku hatlisa elemente yi nga si namarhetiwa. |
xiengetelo.bs.xiengetelo | Xiendlakalo lexi xi duvuriwa endzhaku ka loko elemente yi namarhetiwe. |
xihlanganisi-ehenhla.bs.xiengetelo | Xiendlakalo lexi xi pfurha hi ku hatlisa elemente yi nga si namarhetiwa-ehenhla. |
xiengetelo-ehenhla.bs.xiengetelo | Xiendlakalo lexi xi duvuriwa endzhaku ka loko elemente yi namarhetiwe-ehenhla. |
xiengetelo-ehansi.bs.xiengetelo | Xiendlakalo lexi xi pfurha hi ku hatlisa elemente yi nga si namarhetiwa-ehansi. |
xiengetelo-ehansi.bs.xiengetelo | Xiendlakalo lexi xi duvuriwa endzhaku ka loko elemente yi affixed-bottom. |