Membuat Pop Up Box Modal Dengan Bootstrap

03/02/2014    Arya Febiyan    20070     Website

Pada tutorial kali ini Saya akan mengajarkan bagaimana cara Membuat Pop Up Box Modal Dengan Bootstrap. POPUP Box banyak caranya bisa dengan javascript, bisa dengan jquery, nah kali ini Saya akan mengajarkan caranya dengan Bootstrap. Berikut tutorialnya.

Buatlah struktur file dan folder sebagai berikut :

Membuat Pop Up Box Modal Dengan Bootstrap

Ketiklah baris script dibawah ini untuk file popup.html (style.css kosongkan saja) :

Membuat Pop Up Box Modal Dengan Bootstrap

Jika sudah jalankan lalu Kamu akan dapatkan output seperti gambar dibawah ini :

Membuat Pop Up Box Modal Dengan Bootstrap

Ketika klik tombol biru maka akan muncul popup seperti berikut (popup sudah responsive yah) :

Membuat Pop Up Box Modal Dengan Bootstrap

Lihat video berikut untuk detail outputnya :

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More