Tutorial Bootstrap Part 8 : Membuat Alert di Bootstrap

Assalamu'alaikum W. W

Abdul Hafid Gunawan - Hai sobat setia SC Blog masih bertemu lagi dengan saya, Nah kali ini kita akan lanjut ke Part 8 yaitu membahas tentang bagaimana cara membuat Alert di Bootstrap 4.

PENGERTIAN

SleepingCodings - Alerts ialah sebuah fitur class yang terdapat di Bootstrap, Alerts sendiri memiliki arti Pengingat untuk selalu berwaspada, biasanya alerts ini di gunakan untuk input data yang berhasil.

MACAM - MACAM ALERT

1. Alerts
2. Alert Links
3. Closing Alerts
4. Animated Alerts

PEMBAHASAN

• Alerts

Warna yang terdapat di alerts ialah .alert, .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light, .alert-dark.

•  Alert Links

Alert Links di gunakan untuk membuat syntax anchor agar cocok dan tampilan bagus dengan menggunakan class .alert-links.

• Closing Alerts

Alert yang di gunakan untuk membuat sebuah fitur close dari alert, dengan tambahkan class .alert-dismisible . Dan juga berikan class .close dan atribut data-dismiss="alert" untuk mengelinkkan / keluar dari Alerts.

• Animated Alerts

Animasi di Alerts di Bootstrap 4 ada 2 yaitu :

1. Class .fade
2. Class .show

Contoh Penggunaan Alert :

KESIMPULAN

Nah, penggunaan Alerts sangatlah mudah bukan, alerts biasanya di gunakan untuk membuat tampilan ketika CRUD berhasil di lakukan maka memunculkannya menggunakan alerts.

REFERENSI

- https://www.w3schools.com/bootstrap4/bootstrap_alerts.asp