BS5 tooltip
Tooltiplar
Tooltip komponenti — foydalanuvchi sichqoncha kursorini element ustiga olib borganda paydo bo‘ladigan kichik qalqib chiquvchi oyna:
Tooltip qanday yaratiladi
Tooltip yaratish uchun elementga data-bs-toggle="tooltip" atributini qo‘shing.
Tooltip ichida ko‘rsatiladigan matnni belgilash uchun title atributidan foydalaning:
<button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button>
Eslatma: Tooltiplar ishlashi uchun ular JavaScript yordamida ishga tushirilishi (initsializatsiya qilinishi) kerak.
Quyidagi kod hujjatdagi barcha tooltiplarni faollashtiradi:
Misol
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
O‘zingiz sinab ko‘ring »
Tooltiplarni joylashtirish
Standart holatda tooltip elementning tepasida paydo bo‘ladi.
Tooltipni elementning tepasi, pasti, chap yoki o‘ng tomonida joylashtirish uchun data-bs-placement atributidan foydalaning:
Misol
<a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Hooray!">Hover</a>
<a href="#" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-bs-toggle="tooltip" data-bs-placement="left" title="Hooray!">Hover</a>
<a href="#" data-bs-toggle="tooltip" data-bs-placement="right" title="Hooray!">Hover</a>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!