Membuat Tooltip Dengan Bootstrap
Tooltip merupakan sebuah popup kecil yang muncul ketika user
menempatkan pointer mouse diatas elemen seperti link atau tombol untuk
memberikan petunjuk atau informasi tentang elemen tersebut. Tooltip
sangat membantu bagi pengunjung baru yang memungkinkan mereka mengetahui
tujuan icon atau link. Hari ini kita akan belajar cara membuat tooltip
dengan menggunkan bootstrap. Berikut tutorialnya :
1. Buatlah script seperti dibawah ini :
2. Simpan dengan nama tooltip.html. Kemudian tambahkan style seperti berikut :
3. Tambahkan javascript berikut di antara elemen head :
4. Simpan dan coba jalankan pada browser. Maka akan terlihat hasilnya seperti berikut :
1. Buatlah script seperti dibawah ini :
2. Simpan dengan nama tooltip.html. Kemudian tambahkan style seperti berikut :
3. Tambahkan javascript berikut di antara elemen head :
4. Simpan dan coba jalankan pada browser. Maka akan terlihat hasilnya seperti berikut :
Tidak ada komentar :
Posting Komentar