JS Alert

Alert CSS klasslari

Ogohlantirishlar (alerts) haqidagi darslik uchun Bootstrap ogohlantirishlar darsligimizni o‘qing.

Klass	Tavsif	Misol
`.alert`	Ogohlantirish xabari blokini yaratadi	Sinab ko‘ring
`.alert-danger`	Qizil ogohlantirish. Xavfli yoki salbiy oqibatlarga olib kelishi mumkin bo‘lgan harakatni bildiradi	Sinab ko‘ring
`.alert-dark`	To‘q rangli ogohlantirish. To‘q kulrang ogohlantirish bloki	Sinab ko‘ring
`.alert-dismissible`	Yopiladigan ogohlantirish blokini bildiradi. Bu klass `.close` klassi bilan birga ogohlantirishni yopish uchun ishlatiladi (qo‘shimcha ichki chekinish qo‘shadi)	Sinab ko‘ring
`.alert-heading`	Ko‘rsatilgan elementga `color:inherit` ni qo‘shadi	Sinab ko‘ring
`.alert-info`	Och ko‘k ogohlantirish. Neytral, axborot beruvchi o‘zgarish yoki harakatni bildiradi	Sinab ko‘ring
`.alert-light`	Och rangli ogohlantirish. Och kulrang ogohlantirish bloki	Sinab ko‘ring
`.alert-link`	Ogohlantirishlar ichidagi havolalarga mos rang berish uchun ishlatiladi	Sinab ko‘ring
`.alert-primary`	Ko‘k ogohlantirish. Muhim harakatni bildiradi	Sinab ko‘ring
`.alert-secondary`	Kulrang ogohlantirish. "Kamroq" muhim harakatni bildiradi	Sinab ko‘ring
`.alert-success`	Yashil ogohlantirish. Muvaffaqiyatli yoki ijobiy harakatni bildiradi	Sinab ko‘ring
`.alert-warning`	Sariq ogohlantirish. Bu harakatda ehtiyot bo‘lish kerakligini bildiradi	Sinab ko‘ring
`.close`	Ogohlantirish xabarining yopish tugmasini bezaydi (belgilangan shrift o‘lchami, rang va h.k. bilan o‘ngga joylashadi)	Sinab ko‘ring

Ogohlantirish xabarini yopish uchun havola yoki tugma elementiga data-dismiss="alert" ni qo‘shing.

Qo‘lda yopish uchun:

$('.close').alert("close");

Yo‘q

Quyidagi jadvalda barcha mavjud alert metodlari keltirilgan.

Metod	Tavsif	Sinab ko‘ring
.alert("close")	Ogohlantirish xabarini yopadi	Sinab ko‘ring
.alert("dispose")	Elementning alert’ini yo‘q qiladi.

Quyidagi jadvalda barcha mavjud alert hodisalari keltirilgan.

Hodisa	Tavsif	Sinab ko‘ring
close.bs.alert	Ogohlantirish xabari yopilish arafasida yuz beradi	Sinab ko‘ring
closed.bs.alert	Ogohlantirish xabari yopilgandan keyin yuz beradi (CSS o‘tishlari (transition) tugashini kutadi)	Sinab ko‘ring

Yutuqlaringizni kuzating – bu bepul!