برای یک ظاهر طراحی مناسب ، از یکی از هشت مورد استفاده کنید required کلاسهای متنی (به عنوان مثال ، .alert-success). برای کلاس استفاده از رنگ پس زمینه .bg-* , .text-white

یک دکمه عزل و .alert-dismissibleکلاس ، که اضافه می کند بالشتک اضافی به سمت راست هشدار و موقعیت .btn-close دکمه.

از .alert-link کلاس ابزار برای ارائه سریع تطبیق پیوندهای رنگی در هر هشدار.

هشدار را با پیشینه شفاف و با رنگ متن متنی نمایش دهید.استفاده کردن کلاس .bg-white, و .text-*.مثال bg-white text-primary.

هشدارها همچنین می توانند حاوی عناصر اچ تی ام ال اضافی مانند عناوین ، پاراگراف ها و تقسیم کننده ها

برای نشان دادن هشدار ، دکمه زیر را لیس بزنید (با سبک های درون خطی پنهان شده است برای شروع) ، سپس آن را با دکمه بستن داخلی آن را برکنار کنید (و از بین ببرید).