Mafunzo ya tip cha Bootstrap 5
- Kwenye picha ya hivi karibuni Kichwa cha kichwa cha BS5
- Pya kwenye picha ya hivi karibuni Kichwa cha kichwa cha BS5
Kina za kutoa maelezo
Kina za kutoa maelezo ni kina ya kusoma ndogo ambayo inatokana na kipindi cha kutoa maelezo kama mtumishi anasoma kwenye elementi:
Jinsi ya kuundika kina za kutoa maelezo
Kuundika kina za kutoa maelezo, tafuta data-bs-toggle="tooltip" Mwili huu unategemea kufichwa kwenye elementi.
Tumia title Mwili wa kawaida unaonyesha matukio ya kusomeshwa kwenye kina za kutoa maelezo
<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="kubwa kwa kipya!">Tafuta kwenye juu yangu!</button>
Mafikira:Tooltip lazima inawekwe kwa JavaScript ili kuwa na uwezo.
Mafikira hii yanaumia kumewa kwa watu wa matokeo:
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
Kusambaa tooltip
Kwa mfano, tooltip inaonekana kwenye eneo la juu cha kitu.
Tumia data-bs-placement Inasababisha kumwakilisha kwa kina kwenye eneo la juu, chini, kushoto au kulia cha kitu:
Mifano
<a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Inaokua!">Kupitia</a> <a href="#" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Inaokua!">Kupitia</a> <a href="#" data-bs-toggle="tooltip" data-bs-placement="left" title="Inaokua!">Kupitia</a> <a href="#" data-bs-toggle="tooltip" data-bs-placement="right" title="Inaokua!">Kupitia</a>
- Kwenye picha ya hivi karibuni Kichwa cha kichwa cha BS5
- Pya kwenye picha ya hivi karibuni Kichwa cha kichwa cha BS5
