BS4 tooltip
Bootstrap 4 tooltip
Tooltip komponenti — foydalanuvchi sichqoncha kursorini element ustiga olib borganda paydo bo‘ladigan kichik qalqib chiquvchi oyna:
Tooltip qanday yaratiladi
Tooltip yaratish uchun elementga data-toggle="tooltip" atributini qo‘shing.
Tooltip ichida ko‘rsatiladigan matnni belgilash uchun title atributidan foydalaning:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
Eslatma: Tooltiplarni jQuery yordamida ishga tushirish (initsializatsiya qilish) kerak: kerakli elementni tanlang va tooltip() metodini chaqiring.
Quyidagi kod hujjatdagi barcha tooltiplarni faollashtiradi:
Misol
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</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-placement atributidan foydalaning:
Misol
<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Hover</a>
O‘zingiz sinab ko‘ring »
Bootstrap Tooltip bo‘yicha to‘liq ma’lumotnoma
Barcha tooltip parametrlari, metodlari va hodisalari bo‘yicha to‘liq ma’lumotnoma uchun Bootstrap JS Tooltip ma’lumotnomamizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!