Bootstrap Alerts

This chapter will explain alerts and the classes Bootstrap provides for alerts. Alerts provide a way to style messages to users. They provide contextual feedback for typical user actions.

You can add an optional close button to an alert box. To create an inline dismissible alert box, useAlerts jQuery Plugin。

You can, by creating a <div> and adding to it a.alertclass and one of the four contextual classes (i.e. .alert-success、.alert-info、.alert-warning、.alert-danger) to add a basic alert box. The following example demonstrates this:

The result is shown below:

Dismissible Alerts (Dismissal Alerts)

The steps to create a dismissible alert (Dismissal Alert) are as follows:

• By creating a <div> and adding to it a.alertclass and one of the four contextual classes (i.e. .alert-success、.alert-info、.alert-warning、.alert-danger) to add a basic alert box.
• Also add the optional ... to the <div> class above..alert-dismissable。
• Add a close button.

The following example demonstrates this:

The result is shown below:

Links in Alerts

The steps for creating links in alerts are as follows:

• By creating a <div> and adding to it a.alertclass and one of the four contextual classes (i.e. .alert-success、.alert-info、.alert-warning、.alert-danger) to add a basic alert box.
• Use.alert-linkthe class to quickly provide links with matching colors.

The result is shown below: