Bootstrap : Membuat Alert dengan Bootstrap

Assalammualaikum Wr. Wb.

Kali ini saya akan sharing mengenai cara membuat Alert dengan Bootstrap. apa itu Alert?, bagaimana cara membuatnya?, simak yukkk.....

A. PENDAHULUAN

Pengertian

Alert merupakan sebuah tanda yang menandakan suatu peringatan.

Latar Belakang

Ingin membuat Alert dengan Bootstrap.

Maksud dan Tujuan

Dapat membuat alert dengan Bootstrap.

B. ALAT DAN BAHAN

Text Editor.
Web Browser.
1 Unit PC / Laptop.
Bootstrap Framework.

C. JANGKA WAKTU PELAKSANAAN

Sekitar 10-20 menit.

D. RANGKAIAN KEGIATAN

Definisi Alert

Alert merupakan sebuah fitur dimana saat kita melakukan sebuah kegiatan kita akan diberi peringatan mengenai apa yang kita lakukan.

Cara Membuat Alert dengan Bootstrap

Bootstrap menyediakan class khusus untuk membuat pesan alert dengan sangat mudah. untuk penulisan bootstrap untuk alert ini cukup mudah, dan polanya juga sama saat kita memanggil class untuk button. pertama tama kita panggil alert kemudian di ikuti dengan class alert jenis apa, dan jenis tersebut meliputi.

alert-success class ini digunakan untuk membuat pesan alert yang berwarna hijau, karena nama alert ini success karena hijau melambangkan kesuksesan.
alert-info digunakan untuk membuat pesan alert yang berwarna biru, biasanya pesan alert ini digunakan untuk membuat pesan yang berisi informasi.
alert-warning digunakan untuk membuat pesan alert yang berwarna kuning, biasanya pesan alert ini digunakan untuk membuat pesan yang berisi peringatan.
alert-danger digunakan untuk membuat pesan alert yang berwarna merah, biasanya pesan alert ini digunakan untuk membuat pesan gagal.

langsung saja ke praktek, kita buat file html dengan script berikut