هشدارها و اعلان ها
نان تست بوت استرپ
با یک نان تست، یک پیام هشدار سبک وزن و به راحتی قابل تنظیم، اعلان‌ها را به بازدیدکنندگان خود ارسال کنید.
پایه ای
نان تست ها به همان اندازه که نیاز دارید انعطاف پذیر هستند و نشانه گذاری مورد نیاز بسیار کمی دارند. حداقل، ما به یک عنصر نیاز داریم که حاوی محتوای «برشته‌شده» شما باشد و قویاً دکمه رد کردن را تشویق می‌کنیم.
UBold
11 دقیقه پیش
نیمه شفاف
نان تست ها نیز کمی شفاف هستند، بنابراین روی هر چیزی که ممکن است به نظر برسند مخلوط می شوند. برای مرورگرهایی که از ویژگی Backdrop-filter CSS پشتیبانی می کنند، ما همچنین سعی خواهیم کرد عناصر زیر یک نان تست را محو کنیم.
UBold
11 دقیقه پیش
پشتهسازی
وقتی چندین نان تست دارید، به طور پیش‌فرض آنها را به‌صورت عمودی به‌صورت خوانا روی هم قرار می‌دهیم.
UBold
همین الان
UBold
۲ ثانیه پیش
تعیین سطح
نان تست را در صورت نیاز با CSS سفارشی قرار دهید. بالا سمت راست اغلب برای اعلان ها استفاده می شود، همانطور که در وسط بالا استفاده می شود. اگر می‌خواهید هر بار فقط یک نان تست را نشان دهید، سبک‌های موقعیت‌یابی را درست روی آن قرار دهید .toast.
UBold
11 دقیقه پیش
محتوای دلخواه
همچنین، می‌توانید کنترل‌ها و اجزای اضافی را به نان تست اضافه کنید.
تعیین سطح
نان تست را در صورت نیاز با CSS سفارشی قرار دهید. بالا سمت راست اغلب برای اعلان ها استفاده می شود، همانطور که در وسط بالا استفاده می شود. اگر می‌خواهید هر بار فقط یک نان تست را نشان دهید، سبک‌های موقعیت‌یابی را درست روی آن قرار دهید .toast.
UBold
11 دقیقه پیش
هشدار پیش فرض
هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. برای استایل مناسب، از یکی از هشت
کلاس متنی مورد نیاز.alert-success (به عنوان مثال، ) استفاده کنید.
رد کردن هشدارها
یک دکمه رد کردن و .alert-dismissibleکلاس اضافه کنید، که بالشتک اضافی را در سمت راست هشدار اضافه می کند و .closeدکمه را در موقعیت قرار می دهد.
هشدار پس زمینه سفارشی
استفاده .bg-*، .border-0کلاس ها
رد کردن هشدار پس‌زمینه سفارشی
استفاده .bg-*، .border-0کلاس ها
| نان تست جی کوئری | |
|---|---|
| مثال اطلاعات | |
| مثال هشدار | |
| مثال موفقیت | |
| مثال خطر | |
| متن می تواند یک آرایه باشد | |
| مقداری HTML در متن قرار دهید | |
| چسبناک کردن آنها | |
| محو کردن انتقال | |
| انتقال‌های بالا و پایین را بلغزانید | |
| انتقال ساده از و مخفی کردن به گوشه |
