menampilkan Alerts
Bahaya!
Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.
PERINGATAN!
Kuning dan oranye sering menunjukkan peringatan yang mungkin memerlukan perhatian.
Keberhasilan!
Hijau sering menunjukkan tindakan berhasil atau positif.
Info!
Biru sering menunjukkan perubahan informatif netral atau tindakan.
Kotak peringatan hanya w3-wadah dengan warna:
Contoh
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or potentially negative action.</p>
</div> Cobalah sendiri " Warna W3.CSS
Alert sering ditampilkan dengan warna yang kuat, tapi warna apapun dapat digunakan:
Bahaya!
Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.
PERINGATAN!
Kuning sering menunjukkan peringatan yang mungkin memerlukan perhatian.
Keberhasilan!
Hijau sering menunjukkan sesuatu yang sukses atau positif.
Bahaya!
PERINGATAN!
Keberhasilan!
Alerts penutupan
Untuk menutup wadah ini, klik pada X di sudut kanan atas:
Bahaya!
Red sering menunjukkan tindakan yang berbahaya atau berpotensi negatif.
PERINGATAN!
Kuning sering menunjukkan peringatan yang mungkin memerlukan perhatian.
Keberhasilan!
Hijau sering menunjukkan tindakan berhasil atau positif.
Menutup peringatan dapat dilakukan dengan menggunakan sebuah event onclick pada w3-closebtn:
Contoh
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn">×</span> Cobalah sendiri " Tanda bulat
Menggunakan kelas w3-putaran jika Anda ingin sudut bulat:
w3-round
w3-round-besar
w3-round-xxlarge
Peringatan sebagai Kartu
w3-card-8