Önyükleme 4 Uyarıları
Önyükleme 4 Uyarıları
Bootstrap 4, önceden tanımlanmış uyarı mesajları oluşturmanın kolay bir yolunu sunar:
Uyarılar sınıfla birlikte oluşturulur , .alertardından bağlamsal sınıflardan biri .alert-success, .alert-info, .alert-warning,
.alert-danger, .alert-primary, .alert-secondaryveya :.alert-light.alert-dark
Örnek
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
Uyarı Bağlantıları
alert-link"Eşleşen renkli bağlantılar" oluşturmak için sınıfı uyarı kutusunun içindeki herhangi bir bağlantıya ekleyin :
Örnek
<div class="alert alert-success">
<strong>Success!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>
Kapanış Uyarıları
Uyarı mesajını kapatmak için .alert-dismissible
uyarı kapsayıcısına bir sınıf ekleyin. Ardından class="close"ve data-dismiss="alert"
bir bağlantı veya bir düğme öğesi ekleyin (buna tıkladığınızda uyarı kutusu kaybolur).
Örnek
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
İpucu: × (×), kapatma düğmeleri için "x" harfi yerine tercih edilen simge olan bir HTML varlığıdır.
Tüm HTML Varlıklarının bir listesi için HTML Varlıkları Referansımızı ziyaret edin .
Animasyonlu Uyarılar
ve sınıfları .fade, .showuyarı mesajını kapatırken bir solma efekti ekler:
Örnek
<div class="alert alert-danger
alert-dismissible fade show">
Bootstrap 4 Uyarı Referansını Tamamlayın
Tüm uyarı seçeneklerinin, yöntemlerinin ve olaylarının eksiksiz bir referansı için Bootstrap 4 JS Alert Reference sayfamıza gidin .