Alerts & Notifications
Bootstrap Toasts
Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
Basic
Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your “toasted” content and strongly encourage a dismiss button.
UBold
11 mins ago
Translucent
Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the backdrop-filter CSS property, we’ll also attempt to blur the elements under a toast.
UBold
11 mins ago
Stacking
وقتی چندین نان تست دارید، به طور پیش‌فرض آنها را به‌صورت عمودی به‌صورت خوانا روی هم قرار می‌دهیم.
UBold
همین الان
UBold
۲ ثانیه پیش
تعیین سطح
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد..toast.
UBold
11 دقیقه پیش
محتوای دلخواه
همچنین می‌توانید کنترل‌ها و اجزای اضافی را به نان تست اضافه کنید.
تعیین سطح
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد..toast.
UBold
11 دقیقه پیش
هشدار پیش فرض
هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. برای استایل مناسب، از یکی از هشت
کلاس متنی مورد نیاز.alert-success (به عنوان مثال، ) استفاده کنید.
رد کردن هشدارها
یک دکمه رد کردن و .alert-dismissibleکلاس اضافه کنید، که بالشتک اضافی را در سمت راست هشدار اضافه می کند و .closeدکمه را در موقعیت قرار می دهد.
هشدار پس زمینه سفارشی
استفاده .bg-*، .border-0کلاس ها
رد کردن هشدار پس‌زمینه سفارشی
استفاده .bg-*، .border-0کلاس ها
| نان تست جی کوئری | |
|---|---|
| مثال اطلاعات | |
| مثال هشدار | |
| مثال موفقیت | |
| مثال خطر | |
| متن می تواند یک آرایه باشد | |
| مقداری HTML در متن قرار دهید | |
| چسبناک کردن آنها | |
| محو کردن انتقال | |
| انتقال‌های بالا و پایین را بلغزانید | |
| انتقال ساده از و مخفی کردن به گوشه |
