Uyarılar
Bootstrap önceden tanımlanmış uyarı mesajlarını oluşturmak için kolay bir yol sağlar:
Uyarılar ile oluşturulan .alert
dört arası sınıflardan birinde ardından sınıfın .alert-success
, .alert-info
, .alert-warning
veya .alert-danger
:
Örnek
<div class="alert alert-success">
<strong>Success!</strong>
Indicates a successful or positive action.
</div>
<div class="alert alert-info">
<strong>Info!</strong> Indicates a neutral informative change or action.
</div>
<div class="alert alert-warning">
<strong>Warning!</strong> Indicates a warning that might need attention.
</div>
<div class="alert alert-danger">
<strong>Danger!</strong> Indicates a dangerous or potentially negative
action.
</div>
Kendin dene " Kapanış Uyarılar
Eklemek, uyarı mesajı kapatmak için class="close"
ve data-dismiss="alert"
bağlantı veya düğme elemana:
Örnek
<div class="alert alert-success">
<a href="#"
class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
Kendin dene " aria-* nitelik ve × açıklama
Ekran okuyucu kullanan kişiler için erişilebilirliği iyileştirmek yardımcı olmak için, içermelidir aria-label="close" bir kapatma düğmesi oluştururken özellik.
× (×) × (×) yerine harfi yerine yakın düğmeler için tercih simgedir bir HTML varlıktır "x" .
Hareketli Uyarılar
.fade
ve .in
uyarı mesajı kapatırken sınıfları bir solma etkisi ekler:
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 »
Tamamlayın Bootstrap Uyarısı Referansı
Bütün uyarı seçenekleri, yöntemler ve olaylar tam bir referans için lütfen gidin Bootstrap JS Uyarısı Referans .