Membuat Alert Di Bootstrap

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