Bootstrap 5 TutorialLesson 11Preview gratis
BS5 Alerts
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Alert adalah kotak pesan bawaan Bootstrap untuk menampilkan informasi singkat kepada pengguna. Class dasarnya .alert dipadukan dengan warna tema seperti .alert-success atau .alert-danger, dan dapat dibuat bisa ditutup dengan tombol .btn-close pada .alert-dismissible. Tambahkan .alert-link agar tautan di dalam alert mengikuti warna alert.
Poin kunci
- .alert adalah kelas dasar; tambahkan varian warna seperti .alert-primary.
- .alert-dismissible menampilkan tombol .btn-close untuk menutup pesan.
- Atribut data-bs-dismiss="alert" menutup alert saat tombol diklik.
- .alert-link membuat tautan senada dengan warna alert.
- .alert-heading memberi judul khusus di dalam alert.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.