Bootstrap - Uyarılar
Bu bölümde uyarılar ve Bootstrap'in uyarılar için sağladığı sınıflar tartışılacaktır. Uyarılar, kullanıcıya mesajların stilini belirlemek için bir yol sağlar. Tipik kullanıcı eylemleri için bağlamsal geribildirim mesajları sağlarlar.
Uyarmak için isteğe bağlı bir kapat simgesi ekleyebilirsiniz. Satır içi kapatma için Alerts jQuery eklentisini kullanın .
Bir sarmalayıcı <div> oluşturarak ve bir sınıf ekleyerek temel bir uyarı ekleyebilirsiniz. .alert ve dört bağlamsal sınıftan biri (ör. .alert-success, .alert-info, .alert-warning, .alert-danger). Aşağıdaki örnek bunu göstermektedir -
<div class = "alert alert-success">Success! Well done its submitted.</div>
<div class = "alert alert-info">Info! take this info.</div>
<div class = "alert alert-warning">Warning ! Dont submit this.</div>
<div class = "alert alert-danger">Error ! Change few things.</div>
İşten Çıkarma Uyarıları
Bir işten çıkarma uyarısı oluşturmak için -
Bir sarmalayıcı <div> oluşturarak ve bir sınıf ekleyerek temel bir uyarı ekleyin .alert ve dört bağlamsal sınıftan biri (ör. .alert-success, .alert-info, .alert-warning, .alert-danger)
Ayrıca isteğe bağlı ekleyin .alert-dismissable yukarıdaki <div> sınıfına.
Bir kapat düğmesi ekleyin.
Aşağıdaki örnek bunu göstermektedir -
<div class = "alert alert-success alert-dismissable">
<button type = "button" class = "close" data-dismiss = "alert" aria-hidden = "true">
×
</button>
Success! Well done its submitted.
</div>
<div class = "alert alert-info alert-dismissable">
<button type = "button" class = "close" data-dismiss = "alert" aria-hidden = "true">
×
</button>
Info! take this info.
</div>
<div class = "alert alert-warning alert-dismissable">
<button type = "button" class = "close" data-dismiss = "alert" aria-hidden = "true">
×
</button>
Warning ! Dont submit this.
</div>
<div class = "alert alert-danger alert-dismissable">
<button type = "button" class = "close" data-dismiss = "alert" aria-hidden = "true">
×
</button>
Error ! Change few things.
</div>
Data-dismiss = "alert" data özniteliğiyle <button> öğesini kullandığınızdan emin olun .
Uyarılardaki Bağlantılar
Uyarılarda bağlantı almak için -
Bir sarmalayıcı <div> oluşturarak ve bir sınıf ekleyerek temel bir uyarı ekleyin .alert ve dört bağlamsal sınıftan biri (ör. .alert-success, .alert-info, .alert-warning, .alert-danger)
Kullan .alert-link herhangi bir uyarıda eşleşen renkli bağlantıları hızlı bir şekilde sağlamak için yardımcı program sınıfı.
<div class = "alert alert-success">
<a href = "#" class = "alert-link">Success! Well done its submitted.</a>
</div>
<div class = "alert alert-info">
<a href = "#" class = "alert-link">Info! take this info.</a>
</div>
<div class = "alert alert-warning">
<a href = "#" class = "alert-link">Warning ! Dont submit this.</a>
</div>
<div class = "alert alert-danger">
<a href = "#" class = "alert-link">Error ! Change few things.</a>
</div>