Tutorial Bootstrap Modal

tutorial-bootstrap-modalKita akan mencoba javascript bootstrap dan untuk tutorial kali ini bagaimana menggunakan salah satu fitur popup dialog, dengan menggunakan modal bootstrap.

Fitur Modal dalam Bootstrap ini akan memberikan efek popup dialog, artinya window tersebut akan muncul, tanpa harus meninggalkan halaman yang sedang dibuka.

Persis layaknya sebuah pop-up window, yang didalamnya bisa berisi informasi, link, gambar atau yang lainnya.

Yang kalian harus perhatikan adalah harus terdapat file library jquery.js dan bootstrap.js agar modal tersebut bisa berfungsi.

Untuk tutorial disini menggunakan bootstrap CDN, artinya source file jquery.js dan bootstrap.js bisa diakses ketika ada koneksi internet.

tutorial-bootstrap-modal-1

Ketika tombol diklik maka hasilnya akan seperti berikut:

tutorial-bootstrap-modal-2.jpg

Nah teman-teman silahkan mencobanya, sampai bertemu kembali di artikel berikutnya.

Comments are closed.