Cara mudah membuat modal bootstrap
MEMBUAT MODAL BOOTSTRAP
Apa itu modal? modal disini bukan modal untuk usaha, tapi modal disini adalah sebuah kotak dialog atau popup untuk menampilkan pesan atau konfirmasi di layar. Sebelum anda membuat modal bootstrap pastikan anda sudah mendownload bootstrapnya terlebih dahulu. Jika belum, anda dapat mendownloadnya di http://getbootstrap.com/ dan jangan lupa mendownload jquery nya juga di https://jquery.com/
Cara Membuat Modal Bootstrap
Dan hasilnya seperti ini :
Penjelasan modal diatas, sebagai berikut :
1. berfungsi untuk memanggil file bootstrap.css di folder css.
2. berfungsi memanggil file jquery.min.js dan bootstrap.js di folder js.
3. Didalam tag element button terdapat atribut data-target="#modalku" , fungsinya untuk menentukan id modal mana yang akan di tampilkan.
4. class="fade modal", fungsinya untuk memberikan efek memudar pada saat penampilan/penutupan modal.
5. Atribut data-dismiss="modal" berfungsi untuk menutup modal.
Sekian, SEMOGA BERMANFAAT :))
Apa itu modal? modal disini bukan modal untuk usaha, tapi modal disini adalah sebuah kotak dialog atau popup untuk menampilkan pesan atau konfirmasi di layar. Sebelum anda membuat modal bootstrap pastikan anda sudah mendownload bootstrapnya terlebih dahulu. Jika belum, anda dapat mendownloadnya di http://getbootstrap.com/ dan jangan lupa mendownload jquery nya juga di https://jquery.com/
Cara Membuat Modal Bootstrap
Dan hasilnya seperti ini :
Penjelasan modal diatas, sebagai berikut :
1. berfungsi untuk memanggil file bootstrap.css di folder css.
2. berfungsi memanggil file jquery.min.js dan bootstrap.js di folder js.
3. Didalam tag element button terdapat atribut data-target="#modalku" , fungsinya untuk menentukan id modal mana yang akan di tampilkan.
4. class="fade modal", fungsinya untuk memberikan efek memudar pada saat penampilan/penutupan modal.
5. Atribut data-dismiss="modal" berfungsi untuk menutup modal.
Sekian, SEMOGA BERMANFAAT :))
Comments
Post a Comment