Cara Membuat Modal Pada Bootstrap
Assalamu'alaikum Wr.Wb
Salam Dan Bahagia
Pendahuluan
Pada kali ini saya akan membagikan sedikit tutorial yaitu bagaimana sih cara membuat modal pada Framework Bootstrap, Nah langsung saja dibaca dan dipahami, serta dipraktikkan ya
Latar Belakang
Minimnya Teman-teman belum mengetahui tentang bagaimana cara membuat Modal Dialog pada framework Bootstrap
Maksud Dan Tujuan
Agar mengerti dan paham tentang bagaimana cara membuat Modal dialog pada Framework, bootstrap, dan juga memahami class-class yang ada pada Bootstrap
Alat dan bahan
laptop
Browser
Teks Editor
Jangka Waktu yang dibutuhkan
2 jam untuk memahami dan mempraktikkannya
pembahasan atau langkah kerja
Modal adalah sebuah kotak dialog atau sering disebut dengan popup yang menampilkan pesana konfirmasi untuk suatu aksi, contohnya sobat ingin mebuat aksi menghapus data maka akan muncul kotak dialog yang kurang lebihnya bertuliskan seperti ini " Apakah anda ingin menghapus data ini ? " Banyak lagi yang dapat dilakukan oleh modal karna modal juga dapat menampilkan data dalam bentuk modal
Untuk membuat modal hanya mengunakan tag <div> setelah itu div tersebut diberikan nama dengan "myModal" nah setelah itu tinggal menambahkan class "modal"
Nah Untuk Lebih Jelasnya seperti berikut :
dan ketika dilihat maka hasilnya akan seperti ini :
Nah Gimana Cara Kerja tersebut?
Kenapa Ketika Diklik Dia Bisa Muncul kotak Dialog?
Berikut Penjelasannya :
Diatas Sudah Terlihat bahwa pada button memiliki data target yang bernama "examplemodal", nah Sedangkanh pada kotak dialog, dia menggunakan nama Id yang sama seperti pada data-target
Bootstrap banyak menyediakan fasilitas modal yang responsive dan mudah untuk digunakan.
Sekian yang dapat saya sampaikan, mohon maaf bila ada kesalahan dalam penulisan maupun tatabahasa, sekian dan terima kasih.
Wassalamu'alaikum Wr.Wb.
