Bootstrap 5 TutorialLesson 26Preview gratis
BS5 Tooltip
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Tooltip adalah kotak kecil berisi teks yang muncul saat pengguna menyapu elemen dengan kursor. Aktifkan dengan data-bs-toggle="tooltip", tentukan posisi lewat data-bs-placement, dan isinya lewat atribut title. Tooltip membutuhkan aktivasi JavaScript karena Bootstrap membuat objeknya secara manual.
Poin kunci
- Aktifkan tooltip dengan data-bs-toggle="tooltip".
- Posisi diatur data-bs-placement: top, right, bottom, left.
- Isi tooltip memakai atribut title atau data-bs-title pada versi terbaru.
- Tooltip wajib diinisialisasi lewat JavaScript dengan new bootstrap.Tooltip.
- Isi tooltip sebaiknya teks singkat, bukan markup interaktif.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.