Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaaan sehat, kita lanjut lagi belajarnya, pada pembahasan kali ini kita akan belajar tentang framework desain bootstrap, seperti yang kita tahu, bootstrap adalah salah satu framework css yang berfungsi untuk membuat website kita menjadi responsible atau dapat menyesuaikan layar, dan didalam bootstrap sendiri terdapat class-class yang dapat kita gunakan untuk membuat suatu tampilan pada halaman website kita, nah kali ini kita akan membahas salah satu class dari bootstrap yaitu alert, dan pada tutorial kali ini saya akan membahas tentang mengenal class alert pada bootstrap.

alert adalah suatu pesan atau pemberitahuan pada website kita yang berfungsi untuk memberi informasi pada user atau pengguna, nah kali ini kita akan mencoba membuat suatu pesan alert dengan menggunakan class alert pada bootstrap.

Pertema teman-teman silahakan buat sebuah file dan ketikan script berikut ini :

Script diatas adalah script dari htmlnya, pertama saya membuat class container dimana didalamnya terdapat sebuah div dengan class alert dan alert-success, nah class inilah yang ada pada bootstrap, namun sebelumnya teman-teman harus mendownload dulu library dari bootstrapnya yang bisa didownload dari getbootstrap.com setelah itu teman teman bisa hubungkan file file css dan jquery yang ada pada library bootstrap yang tadi didownload,

Kelengkapan scriptnya adalah seperti berikut ini:

Jika teman-teman save maka hasilnya akan seperti berikut ini:

mengenal class alert pada bootstrap1

Gimana teman-teman cukup mudah bukan? untuk tutorial kali ini tentangĀ mengenal class alert pada bootstrap saya rasa cukup sampai disini dulu, semoga dapat bermanfaat untuk teman-teman semuanya, samapai bertemu lagi pada tutorial berikutnya,

Terimakasih.