Bootstrap 5 TutorialLesson 27Preview gratis
BS5 Popover
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Popover mirip tooltip tetapi bisa berisi judul dan tubuh teks lebih panjang, serta biasanya muncul saat diklik. Aktifkan dengan data-bs-toggle="popover", lalu isi lewat data-bs-title dan data-bs-content. Sama seperti tooltip, popover juga harus diinisialisasi dengan JavaScript.
Poin kunci
- data-bs-toggle="popover" mengaktifkan popover.
- data-bs-title memberi judul dan data-bs-content memberi isi pesan.
- Popover umumnya muncul saat diklik, tooltip saat disorot.
- Popover diinisialisasi dengan new bootstrap.Popover().
- Kapan muncul dapat diatur lewat data-bs-trigger: click, hover, focus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.