Dikeletšo tša didirišwa

Ditokomane le mehlala ya go oketša didirišwa tša tlwaelo tša Bootstrap ka CSS le JavaScript ka go šomiša CSS3 bakeng sa ditshwantšho tša dipopaye le diponagalo tša data-bs-ya polokelo ya thaetlele ya selegae.

Letlakaleng le

Kakaretšo

Dilo tšeo o swanetšego go di tseba ge o diriša polaka ya keletšo ya sedirišwa:

Tooltips itšetlehile ka mokga wa boraro bokgobapuku Popper bakeng sa positioning. O swanetše go akaretša popper.min.js pele ga bootstrap.js, goba o šomiše e tee bootstrap.bundle.min.jsyeo e nago le Popper.
Dikeletšo tša didirišwa ke tša go kgetha go tsena ka mabaka a tshepedišo, ka fao o swanetše go di thoma ka bowena .
Dikeletšo tša didirišwa tšeo di nago le dihlogo tša botelele bja lefela ga di ke di bontšhwa.
Laetša container: 'body'go efoga mathata a go tšweletša ka dikarolo tše di raraganego kudu (go swana le dihlopha tša rena tša go tsenya, dihlopha tša dikonope, bj.bj.).
Go hlohleletša maele a didirišwa go dielemente tše di utilwego go ka se šome.
Dikeletšo tša didirišwa tša .disabledgoba disableddielemente di swanetše go hlohleletša godimo ga elemente ya sephuthelwana.
Ge e hlohleletšwa go tšwa go dikgokagano tša godimo tšeo di akaretšago mela ye mentši, ditšhupetšo tša didirišwa di tla ba bogareng. Diriša white-space: nowrap;go s ya gago <a>go efoga boitshwaro bjo.
Dikeletšo tša didirišwa di swanetše go utilwe pele ga ge dielemente tša tšona tše di swanetšego di tlošitšwe go tšwa go DOM.
Tooltips ka hlohleletšwa ka lebaka la elemente ka gare ga moriti DOM.

O na le tšeo ka moka? E kgolo, a re boneng kamoo ba šomago ka gona ka mehlala e mengwe.

Ka go ikemela, karolo ye e šomiša sehlatswa diteng seo se agetšwego ka gare, seo se hlobolago dielemente dife goba dife tša HTML tšeo di sa dumelelwago ka go lebanya. Bona karolo ya sanitizer ka go ditokomane tša rena tša JavaScript bakeng sa dintlha tše dingwe.

Phello ya dipopaye ya karolo ye e ithekgile ka prefers-reduced-motionpotšišo ya methopo ya ditaba. Bona karolo ya tšhišinyego ye e fokoditšwego ya ditokomane tša rena tša phihlelelo .

Mehlala

Kgontšha dikeletšo tša didirišwa

Bjalo ka ge go boletšwe ka mo godimo, o swanetše go thoma dikeletšo tša didirišwa pele di ka šomišwa. Tsela e nngwe ya go thoma ditšhišinyo ka moka tša didirišwa letlakaleng e tla ba go di kgetha ka data-bs-toggleseka sa tšona, go swana le bjalo:

const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))

Dikeletšo tša didirišwa go dikgokagano

Beakanya godimo ga dikgokagano tše di lego ka mo tlase go bona ditšhišinyo tša didirišwa:

html

<p class="muted">Placeholder text to demonstrate some <a href="#" data-bs-toggle="tooltip" data-bs-title="Default tooltip">inline links</a> with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of <a href="#" data-bs-toggle="tooltip" data-bs-title="Another tooltip">real text</a>. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how <a href="#" data-bs-toggle="tooltip" data-bs-title="Another one here too">these tooltips on links</a> can work in practice, once you use them on <a href="#" data-bs-toggle="tooltip" data-bs-title="The last tip!">your own</a> site or project.
</p>

Ikwe o lokologile go diriša e nngwe titlegoba data-bs-titleka go HTML ya gago. Ge titlee šomišwa, Popper e tla e tšeela legato ka go itiragalela ka data-bs-titlege elemente e tšweletšwa.

Dikeletšo tša didirišwa tša tlwaelo

E okeditšwe ka go v5.2.0

O ka tlwaetša ponagalo ya dikeletšo tša didirišwa o diriša diphetogo tša CSS . Re beakanya sehlopha sa tlwaelo ka data-bs-custom-class="custom-tooltip"go scope ponagalo ya rena ya tlwaelo gomme re e šomiša go tloša phetogo ya CSS ya selegae.

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

html

<button type="button" class="btn btn-secondary"
        data-bs-toggle="tooltip" data-bs-placement="top"
        data-bs-custom-class="custom-tooltip"
        data-bs-title="This top tooltip is themed via CSS variables.">
  Custom tooltip
</button>

Ditaelo

Beakanya godimo ga dikonope tše di lego ka mo tlase go bona ditaelo tše nne tša dikeletšo tša didirišwa: godimo, ka go le letona, tlase le ka go le letshadi. Ditaelo di bonagatšwa ge o diriša Bootstrap ka go RTL.

<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on top">
  Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Tooltip on right">
  Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on bottom">
  Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip on left">
  Tooltip on left
</button>

Gomme ka HTML ya tlwaelo yeo e okeditšwego:

<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-html="true" data-bs-title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
  Tooltip with HTML
</button>

Ka SVG: .

CSS

Diphetogo

E okeditšwe ka go v5.2.0

Bjalo ka karolo ya mokgwa wa diphetogo tša CSS wo o tšwelelago wa Bootstrap, ditšhišinyo tša didirišwa bjale di šomiša diphetogo tša CSS tša selegae godimo .tooltipbakeng sa go tlwaetša nako ya nnete ye e kaonafetšego. Ditekanyetšo tša diphetogo tša CSS di beakantšwe ka Sass, ka fao go tlwaetša Sass go sa thekgwa, le gona.

  --#{$prefix}tooltip-zindex: #{$zindex-tooltip};
  --#{$prefix}tooltip-max-width: #{$tooltip-max-width};
  --#{$prefix}tooltip-padding-x: #{$tooltip-padding-x};
  --#{$prefix}tooltip-padding-y: #{$tooltip-padding-y};
  --#{$prefix}tooltip-margin: #{$tooltip-margin};
  @include rfs($tooltip-font-size, --#{$prefix}tooltip-font-size);
  --#{$prefix}tooltip-color: #{$tooltip-color};
  --#{$prefix}tooltip-bg: #{$tooltip-bg};
  --#{$prefix}tooltip-border-radius: #{$tooltip-border-radius};
  --#{$prefix}tooltip-opacity: #{$tooltip-opacity};
  --#{$prefix}tooltip-arrow-width: #{$tooltip-arrow-width};
  --#{$prefix}tooltip-arrow-height: #{$tooltip-arrow-height};

Diphetogo tša Sass

$tooltip-font-size:                 $font-size-sm;
$tooltip-max-width:                 200px;
$tooltip-color:                     $white;
$tooltip-bg:                        $black;
$tooltip-border-radius:             $border-radius;
$tooltip-opacity:                   .9;
$tooltip-padding-y:                 $spacer * .25;
$tooltip-padding-x:                 $spacer * .5;
$tooltip-margin:                    null; // TODO: remove this in v6

$tooltip-arrow-width:               .8rem;
$tooltip-arrow-height:              .4rem;
// fusv-disable
$tooltip-arrow-color:               null; // Deprecated in Bootstrap 5.2.0 for CSS variables
// fusv-enable

Tšhomišo

Plugin ya keletšo ya didirišwa e tšweletša dikagare le go swaya ka nyakego, gomme ka go ikemela e bea dintlha tša didirišwa ka morago ga elemente ya bona ya go hlohleletša.

Hlohleletša keletšo ya sedirišwa ka JavaScript:

const exampleEl = document.getElementById('example')
const tooltip = new bootstrap.Tooltip(exampleEl, options)

Go tlala `auto`le`scroll`

Boemo bja Tooltip bo leka go fetoga ka go iketla ge setshelo sa motswadi se na le overflow: autogoba se overflow: scrollswana le sa rena .table-responsive, eupša se sa dutše se boloka boemo bja mathomo bja go bewa. Go rarolla se, beakanya boundarykgetho (bakeng sa sefetoši sa go phetla ka go šomiša popperConfigkgetho) go HTMLElement efe goba efe go tloša boleng bja go se fetoge, 'clippingParents', go swana le document.body:

const tooltip = new bootstrap.Tooltip('#example', {
  boundary: document.body // or document.querySelector('#boundary')
})

Go swaya

Tswao ye e nyakegago ya keletšo ya sedirišwa ke dataseka fela gomme titlegodimo ga elemente ya HTML o nyaka go ba le keletšo ya sedirišwa. The generated markup ya tooltip e e-na le bonolo, le hoja e etsa hloka boemo (ka default, beha ho topke plugin).

Go dira gore maele a didirišwa a šome go badiriši ba khiiboto le theknolotši ya go thuša

O swanetše go oketša fela dikeletšo tša didirišwa go dielemente tša HTML tšeo ka setšo di lebanego le khiiboto le tše di dirišanago (go swana le dikgokagano goba ditaolo tša foromo). Le ge e le gore dielemente tša HTML tša boithatelo (tše bjalo ka <span>s) di ka dirwa gore di tsepamiše kgopolo ka go oketša tabindex="0"seka, se se tla oketša go ema ga dithepo tšeo di ka bago tše di tenago le tše di gakantšhago go dielemente tšeo e sego tša tirišano bakeng sa badiriši ba khiiboto, gomme bontši bja theknolotši ya go thuša ga bjale ga e tsebiše keletšo ya sedirišwa boemong bjo. Go tlaleletša, o se ke wa ithekga fela ka hoverbjalo ka sešušumeletši sa keletšo ya gago ya sedirišwa, ka ge se se tla dira gore dikeletšo tša gago tša didirišwa di se kgonege go hlohleletša go badiriši ba khiiboto.

<!-- HTML to write -->
<a href="#" data-bs-toggle="tooltip" data-bs-title="Some tooltip text!">Hover over me</a>

<!-- Generated markup by the plugin -->
<div class="tooltip bs-tooltip-top" role="tooltip">
  <div class="tooltip-arrow"></div>
  <div class="tooltip-inner">
    Some tooltip text!
  </div>
</div>

Dielemente tše di golofetšego

Dielemente tše di nago le disabledseka ga di na tirišano, go ra gore badiriši ba ka se tsepamiše kgopolo, go di hover, goba go di klika go hlohleletša keletšo ya sedirišwa (goba popover). Bjalo ka tharollo, o tla nyaka go hlohleletša keletšo ya sedirišwa go tšwa go sephuthedi <div>goba <span>, ka mo go swanetšego e dirilwe gore e tsepamiše khiiboto ka go šomiša tabindex="0".

html

<span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" data-bs-title="Disabled tooltip">
  <button class="btn btn-primary" type="button" disabled>Disabled button</button>
</span>

Dikgetho

Bjalo ka ge dikgetho di ka fetišwa ka dika tša datha goba JavaScript, o ka tlaleletša leina la kgetho go data-bs-, bjalo ka go data-bs-animation="{value}". Kgonthiša gore o fetoša mohuta wa molato wa leina la kgetho go tšwa go “ camelCase ” go ya go “ kebab-case ” ge o fetiša dikgetho ka dika tša datha. Ka mohlala, diriša data-bs-custom-class="beautifier"go e na le data-bs-customClass="beautifier".

Go tloga go Bootstrap 5.2.0, dikarolo ka moka di thekga seka sa datha ye e bolokilwego ya tekodata-bs-config yeo e ka beago peakanyo ya karolo ye bonolo bjalo ka thapo ya JSON. Ge elemente e na data-bs-config='{"delay":0, "title":123}'le le data-bs-title="456"dika, boleng bja mafelelo titlee tla ba 456gomme dika tša datha tše di aroganego di tla phaela ka thoko boleng bjo bo filwego go data-bs-config. Go tlaleletša, dika tša datha tše di lego gona di kgona go bea dikelo tša JSON go swana le data-bs-delay='{"show":0,"hide":150}'.

Hlokomela gore ka mabaka a tšhireletšo dikgetho tša sanitize, sanitizeFn, le allowListdi ka se fiwe ka go šomiša dika tša datha.

Leina	Mohuta	Hlokomologa	Tlhalošo
`allowList`	selo	Boleng bja go se fetoge	Selo seo se nago le dika tše di dumeletšwego le dithepo.
`animation`	boolean ya go swana	`true`	Diriša phetogo ya go fifala ya CSS go keletšo ya sedirišwa.
`boundary`	thapo, elemente	`'clippingParents'`	Mollwane wa thibelo ya go tlala wa keletšo ya sedirišwa (e šoma fela go sefetoši sa preventOverflow sa Popper). Ka go ikemela, ke `'clippingParents'`ebile e ka amogela tšhupetšo ya HTMLElement (ka JavaScript fela). Bakeng sa tshedimošo ye ntši lebelela ditokomane tša detectOverflow tša Popper .
`container`	thapo, elements, maaka	`false`	E tlaleletša keletšo ya sedirišwa go elemente ye e itšego. Mohlala: `container: 'body'`. Kgetho ye e na le mohola kudu ka gore e go dumelela go bea ntlha ya sedirišwa ka go elela ga tokumente kgauswi le elemente ya go hlohleletša - yeo e tlago thibela ntlha ya sedirišwa go phaphamala go tloga go elemente ya go hlohleletša nakong ya go fetoša bogolo bja lefasetere.
`customClass`	thapo, mosebetsi	`''`	Oketša diklase go keletšo ya sedirišwa ge e bontšhwa. Hlokomela gore diklase tše di tla okeletšwa go tlaleletša go diklase dife goba dife tše di laeditšwego ka go thempleite. Go oketša diklase tše dintši, di aroganye ka dikgoba: `'class-1 class-2'`. O ka fetiša gape mošomo wo o swanetšego go bušetša thapo e tee yeo e nago le maina a tlaleletšo a dihlopha.
`delay`	nomoro, selo	`0`	Tiego ya go bontšha le go uta keletšo ya sedirišwa (ms)—ga e šome go mohuta wa go hlohleletša ka seatla. Ge e le gore nomoro e filwe, go diega go dirišwa go bobedi go uta/bontšha. Sebopego sa selo ke: `delay: { "show": 500, "hide": 100 }`.
`fallbackPlacements`	hlophisitsoeng	`['top', 'right', 'bottom', 'left']`	Hlaloša dipeelo tša go wa morago ka go fa lenaneo la dipeelo ka lenaneong (ka tatelano ya kgetho). Bakeng sa tshedimošo ye ntši lebelela ditokomane tša boitshwaro tša Popper .
`html`	boolean ya go swana	`false`	Dumelela HTML ka go keletšo ya sedirišwa. Ge e le nnete, dithepo tša HTML ka go tooltip's `title`di tla tšweletšwa ka go tooltip. Ge e le maaka, `innerText`thepa e tla šomišwa go tsenya diteng ka gare ga DOM. Diriša sengwalwa ge e ba o tshwenyegile ka ditlhaselo tša XSS.
`offset`	hlophisitsoeng, khoele, mosebetsi	`[0, 0]`	Offset ya tooltip leloko le sepheo lona. O ka fetiša thapo ka go dika tša datha ka dikelo tše di arotšwego ka koma go swana le: `data-bs-offset="10,20"`. Ge mošomo o šomišwa go laetša offset, o bitšwa ka selo seo se nago le go bewa ga popper, tšhupetšo, le popper rects bjalo ka ngangišano ya yona ya mathomo. The qholotsa elements DOM noutu e fetisoa e le ngangišano ya bobedi. Mošomo o swanetše go bušetša lenaneo leo le nago le dinomoro tše pedi: go thelela , bokgole . Bakeng sa tshedimošo ye ntši lebelela ditokomane tša offset tša Popper .
`placement`	thapo, mosebetsi	`'top'`	Tsela ya go bea tooltip: itiriša, godimo, tlase, ka go le letshadi, ka go le letona. Ge `auto`e laeditšwe, e tla lebiša gape ka go fetoga keletšo ya sedirišwa. Ge mošomo o šomišwa go bona go bewa, o bitšwa ka noutu ya DOM ya ntlha ya sedirišwa bjalo ka ngangišano ya yona ya mathomo le noutu ya DOM ya elemente ye e hlohleletšago bjalo ka noutu ya yona ya bobedi. Seemo `this`se beakantšwe go mohlala wa keletšo ya sedirišwa.
`popperConfig`	lefeela, selo, mošomo	`null`	Go fetoša peakanyo ya Popper ya maitirelo ya Bootstrap, bona peakanyo ya Popper . Ge mošomo o šomišwa go hlama peakanyo ya Popper, e bitšwa ka selo seo se nago le peakanyo ya Popper ya maitirelo ya Bootstrap. E go thuša go šomiša le go kopanya ya go se fetoge le peakanyo ya gago. Mošomo o swanetše go bušetša selo sa peakanyo sa Popper.
`sanitize`	boolean ya go swana	`true`	Kgontšha goba go šitiša go hlwekiša. If activated `'template'`, `'content'`le `'title'`dikgetho tla sanitized.
`sanitizeFn`	lefeela, mošomo	`null`	Mona o ka fana ka mosebetsi wa gago wa sanitize. Se se ka ba le mohola ge o rata go šomiša bokgobapuku bjo bo kgethegilego go dira tlhwekišo.
`selector`	thapo, maaka	`false`	Ge e le gore mokgethi o filwe, dilo tša keletšo ya sedirišwa di tla abelwa diphetho tše di laeditšwego. Ka go diragatša, se se šomišwa go diriša gape malebela a didirišwa go dielemente tša DOM tšeo di okeditšwego ka maatla ( `jQuery.on`thekgo). Bona taba ye le mohlala o rutago .
`template`	thapo	`'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'`	Thea HTML go šomiša ge o hlama keletšo ya sedirišwa. Di- tooltip's `title`di tla hlabja ka gare ga `.tooltip-inner`. `.tooltip-arrow`e tla ba motsu wa tooltip. Elemente ya sephuthedi sa ka ntle e swanetše go ba le `.tooltip`sehlopha le `role="tooltip"`.
`title`	thapo, elements, mosebetsi	`''`	Boleng bja thaetlele bja maitirelo ge e `title`le gore seka se se gona. Ge mošomo o filwe, o tla bitšwa ka `this`sete ya yona ya tšhupetšo go elemente yeo popover e kgomareditšwego go yona.
`trigger`	thapo	`'hover focus'`	Kamoo tooltip e hlohleletšwago: tobetsa, hover, tsepamisa maikutlo, pukwanana. O ka feta dihlohleletši tše dintši; di aroganye ka sekgoba. `'manual'`e bontša hore tooltip tla qholotsa programmatically ka `.tooltip('show')`, `.tooltip('hide')`le `.tooltip('toggle')`mekgwa ya tshebetso; boleng bjo bo ka se kopanywe le sešušumeletši se sengwe le se sengwe. `'hover'`ka boyona e tla feletša ka ditšhišinyo tša didirišwa tšeo di ka se hlohleletšwego ka khiiboto, gomme di swanetše go šomišwa fela ge mekgwa ye mengwe ya go fetišetša tshedimošo ye e swanago go badiriši ba khiiboto e le gona.

Dika tša datha tša didirišwa tša motho ka o tee ka o tee

Dikgetho tša maele a didirišwa ka botee ka tsela ye nngwe di ka laetšwa ka tšhomišo ya dika tša datha, bjalo ka ge go hlalošitšwe ka godimo.

Go šomiša mošomo ka`popperConfig`

const tooltip = new bootstrap.Tooltip(element, {
  popperConfig(defaultBsPopperConfig) {
    // const newPopperConfig = {...}
    // use defaultBsPopperConfig if needed...
    // return newPopperConfig
  }
})

Mekgwa ya go šoma

Mekgwa ya asynchronous le diphetogo

Mekgwa ka moka ya API ga e na asynchronous gomme e thoma phetogo . Ba boela go motho yo a leletšago mogala gateetee ge phetogo e thomilwe eupša pele e fela . Go tlaleletša, pitšo ya mokgwa go karolo ya phetogo e tla hlokomologwa .

Bona ditokomane tša rena tša JavaScript bakeng sa tshedimošo e oketšegilego .

Mokgwa	Tlhalošo
`disable`	E tloša bokgoni bja gore keletšo ya sedirišwa ya elemente e bontšhwe. Keletšo ya sedirišwa e tla kgona go bontšhwa fela ge e kgontšhitšwe gape.
`dispose`	E uta le go senya keletšo ya sedirišwa ya elemente (E tloša datha ye e bolokilwego go elemente ya DOM). Dikeletšo tša didirišwa tšeo di šomišago kabo (tšeo di hlotšwego ka go šomiša kgetho `selector`) di ka se senywe ka botee go dielemente tša go hlohleletša tša setlogolo.
`enable`	E fa sedirišwa sa elemente bokgoni bja go bontšhwa. Dikeletšo tša didirišwa di kgontšhwa ka go ikemela.
`getInstance`	Mokgwa wa go se fetoge wo o go dumelelago go hwetša mohlala wa tooltip wo o amanago le elemente ya DOM, goba go hlama ye mpsha ge go ka direga gore e be e sa thongwa.
`getOrCreateInstance`	Mokgwa wa go se fetoge wo o go dumelelago go hwetša mohlala wa tooltip wo o amanago le elemente ya DOM, goba go hlama ye mpsha ge go ka direga gore e be e sa thongwa.
`hide`	E uta keletšo ya sedirišwa ya elemente. E boela go mogala pele ga ge keletšo ya sedirišwa e tloga e utilwe (ke gore pele ga ge `hidden.bs.tooltip`tiragalo e direga). Se se tšewa e le go hlohleletša ga “ka seatla” ga keletšo ya sedirišwa.
`setContent`	E fa tsela ya go fetoša diteng tša keletšo ya sedirišwa ka morago ga go thoma ga yona.
`show`	E utolla keletšo ya sedirišwa ya elemente. E boela go mogala pele ga ge keletšo ya sedirišwa e bontšhitšwe e le ka kgonthe (ke gore pele ga ge `shown.bs.tooltip`tiragalo e direga). Se se tšewa e le go hlohleletša ga “ka seatla” ga keletšo ya sedirišwa. Dikeletšo tša didirišwa tšeo di nago le dihlogo tša botelele bja lefela ga di ke di bontšhwa.
`toggle`	E fetola keletšo ya sedirišwa ya elemente. E boela go mogala pele ga ge keletšo ya sedirišwa e tloga e bontšhitšwe goba e utilwe (ke gore pele ga ge tiragalo ya `shown.bs.tooltip`goba `hidden.bs.tooltip`e direga). Se se tšewa e le go hlohleletša ga “ka seatla” ga keletšo ya sedirišwa.
`toggleEnabled`	E fetola bokgoni bja gore keletšo ya sedirišwa ya elemente e bontšhwe goba e utilwe.
`update`	E mpshafatša maemo a keletšo ya sedirišwa ya elemente.

const tooltip = bootstrap.Tooltip.getInstance('#example') // Returns a Bootstrap tooltip instance

// setContent example
tooltip.setContent({ '.tooltip-inner': 'another title' })

Mokgwa setContento amogela objectngangišano, moo senotlelo se sengwe le se sengwe sa thepa e lego stringmokgethi wo o šomago ka gare ga thempleite ya popover, gomme boleng bjo bongwe le bjo bongwe bja thepa bjo bo amanago e ka ba string| element| function| null

Ditiragalo

Tiragalo	Tlhalošo
`hide.bs.tooltip`	Tiragalo ye e thuntšhwa ka pela ge `hide`mokgwa wa mohlala o biditšwe.
`hidden.bs.tooltip`	Tiragalo ye e thuntšhwa ge popover e feditše go utollwa go modiriši (e tla emela gore diphetogo tša CSS di phethe).
`inserted.bs.tooltip`	Tiragalo ye e thuntšhwa ka morago ga `show.bs.tooltip`tiragalo ge thempleite ya keletšo ya sedirišwa e okeditšwe go DOM.
`show.bs.tooltip`	Tiragalo ye e thunya ka pela ge `show`mokgwa wa mohlala o bitšwa.
`shown.bs.tooltip`	Tiragalo ye e thuntšhwa ge popover e dirilwe gore e bonagale go modiriši (e tla emela gore diphetogo tša CSS di phethe).

const myTooltipEl = document.getElementById('myTooltip')
const tooltip = bootstrap.Tooltip.getOrCreateInstance(myTooltipEl)

myTooltipEl.addEventListener('hidden.bs.tooltip', () => {
  // do something...
})

tooltip.hide()

Dikeletšo tša didirišwa

Kakaretšo

Mehlala

Kgontšha dikeletšo tša didirišwa

Dikeletšo tša didirišwa go dikgokagano

Dikeletšo tša didirišwa tša tlwaelo

Ditaelo

CSS

Diphetogo

Diphetogo tša Sass

Tšhomišo

Go tlala autolescroll

Go swaya

Go dira gore maele a didirišwa a šome go badiriši ba khiiboto le theknolotši ya go thuša

Dielemente tše di golofetšego

Dikgetho

Dika tša datha tša didirišwa tša motho ka o tee ka o tee

Go šomiša mošomo kapopperConfig

Mekgwa ya go šoma

Mekgwa ya asynchronous le diphetogo

Ditiragalo

Go tlala `auto`le`scroll`

Go šomiša mošomo ka`popperConfig`