Blog Request tutorial? klik disini!

  • Membuat Pop Up Box Modal Dengan Bootstrap

    Ditulis oleh: Arya Febiyan
    20135 kali dibaca
    03 Feb / 2014 10:20

    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 :






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155