Pada sesi kali ini saya akan melanjutkan penjelasan tentang cara membuat modal form dengan Bootstrap part2. Pada sesi sebelumnya teman-teman sudah di jelaskan Apa itu Modal ?

Modal adalah kotak dialog atau windows popup yang tampil di atas halaman saat ini, dan dari proses tampilan popup tersebut ada beberapa posisi, ada yang di mulai dari atas ke tengah, dari bawah ke tengah, dari kiri ke tengah, bahkan dari kanan ke tengah layar. Semua kebutuhan tersebut sudah di sediakan oleh Bootstrap dan bagi teman-teman yang ingin menggunakan nya, tinggal panggil klas tersebut. dan pada saya akan langsung lanjutkan dari sesi sebelumnya untuk menjelaskan masing-masing dari kode yang sebelumnya.

Berikut penjelasan dari kode tersebut :


  • adalah atribut yang terdapat #mymodal yang fungsi nya untuk menentukan id modal mana yang akan di luncurkan ketika tombol tersebut di klik.

  • – Pada class fade diatas yaitu berfungsi untuk memberikan efek memudar pada saat modal di tampilkan atau yang biasa di sebut dengan istilah (fade), namun dari class fade tersebut ada beberapa jenis yang dapat di gunakan, antara lain adalah fadein atau fadeout.

    – Atribut data-dismiss yaitu berfungsi untuk menutup modal dialog.

    – Pada modal form tersebut terdapat beberapa bagian yaitu Heading, Body, dan Footer.

 

Sampai di sini penjelasan saya mengenai cara membuat modal form dengan Bootstrap, semoga bermanfaat.