هشدارها
مثال پایه
پیام های بازخورد متنی را برای اقدامات معمول کاربر با تعداد انگشت شماری از پیام های هشدار در دسترس و انعطاف پذیر ارائه دهید. هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند.
نمونه هشدارهای غیر قابل قبول
یک دکمه رد کردن و .alert-dismissibleکلاس اضافه کنید، که بالشتک
اضافی را به سمت راست هشدار اضافه می کند و .btn-closeدکمه را در
موقعیت قرار می دهد.
مثال لینک هشدار
از کلاس ابزار برای ارائه سریع پیوندهای رنگی مطابق با هر هشدار استفاده کنید
.alert-link.
مثال هشدار نمادها
شما همچنین می توانید عناصر اضافی مانند نمادها، عنوان، و غیره را در کنار پیام واقعی قرار دهید.
مثال هشدار محتوای اضافی
هشدارها همچنین می توانند حاوی عناصر اضافی HTML مانند سرفصل ها، پاراگراف ها و تقسیم کننده ها باشند.
آفرین!
اوه، بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه قرار است کمی طولانی‌تر اجرا شود تا بتوانید ببینید که فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه، بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه قرار است کمی طولانی‌تر اجرا شود تا بتوانید ببینید که فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
مثال زنده
روی دکمه زیر کلیک کنید تا یک هشدار نمایش داده شود (برای شروع با سبک های درون خطی پنهان شده است)، سپس با دکمه بسته داخلی آن را رد کنید (و نابود کنید).