BAB 10 – ALERT DAN BADGE
A. Alert Bootstrap
Alert digunakan untuk menampilkan pesan.
Alert Sukses
<div class="alert alert-success">
Data berhasil disimpan
</div>Alert Error
<div class="alert alert-danger">
Data gagal disimpan
</div>Praktik 1
Buat simulasi:
- Login berhasil
- Login gagal
B. Badge Bootstrap
Badge digunakan untuk menampilkan informasi kecil.
<span class="badge bg-primary">
Baru
</span>Praktik 2
<h3>
Pesan
<span class="badge bg-danger">
99+
</span>
</h3>Praktik 3
Buat:
Inbox 50+
Notifikasi 10+
Komentar 25+Latihan Bab
- Apa fungsi Alert?
- Apa fungsi Badge?
- Kapan Alert digunakan?
- Kapan Badge digunakan?
- Sebutkan 3 jenis Alert.
Tugas Praktik Bab
Buat halaman dashboard siswa yang memiliki:
- Alert informasi
- Alert sukses
- Badge jumlah tugas