ALERT

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Simple Alert

Alerts are available in 4 types- success alert, warning alert, info alert, danger alert.Use the alert class for the component and the classes alert-success, alert-info alert-warning and alert-danger according to your usecase. You can copy html part from below code snippet.

Code Example

<div class="alert alert-success" role="alert">
                        <strong>Well done!</strong> You successfully read this important alert message.
                    </div>

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.