Membuat Alert Di Bootstrap

25/08/2014    Faizal Rafik    3915     Website

Hallo teman-teman, ketemu lagi dengan saya diblog DUMET School. Pada tutorial kali ini saya akan mengajarkan bagaimana caranya menggunakan Alert di Bootstrap. Alert berfungsi untuk memberikan pesan atau umpan balik kepengguna atas tidakkan yang dilakukan oleh pengguna. Alert didalam Bootstrap terdiri dari 4 macam yaitu (alert-success, alert-info, alert-warning, dan alert-danger). Berikut adalah cara penggunaan alert yang terdapat pada Bootstrap.

Kalian bisa membuat satu tag <div>, kemudian kalian bisa tambahkan class alert dan alert-x, x yang terdapat pada alert-x adalah jenis alert yang ingin kalian gunakan, contohnya seperti gambar dibawah ini :

Jika dijalankan maka hasilnya seperti gambar dibawah ini :

Dismissible Alerts

Didalam bootstrap terdapat juga alert yang berfugsi untuk membuat sebuah peringatan pemberhentian yaitu dismissible alert, cara menggunakannya seperti gambar dibawah ini :

Jika dijalankan maka hasilnya seperti gambar dibawah ini :

Link in Alert

Untuk membuat Link didalam Alert, kalian bisa ikuti langkah-langkah pada gambar dibawah ini :

Jika dijalankan maka hasilnya seperti gambar dibawah ini :

Download Source

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