Bootstrap Warning

This chapter will explain Warning (Alerts) and class Bootstrap provided for the warnings. Warning (Alerts) to provide users with a way to define the message style. They provide context feedback as typical user operations.

You can add an optional close button for the warning box. To create a revocable alert box inline, use Warning (Alerts) jQuery plugin .

You can create a <div>, and add a.alert class and four context-class (ie .alert-success, .alert-info,.alert-warning, .alert-danger) one to add a basic warning box. The following example illustrates this point:

The results are as follows:

Warning revocable (Dismissal Alerts)

Create a revocable warning (Dismissal Alert) as follows:

• By creating a <div>, and add a.alert class and four context-class (ie .alert-success, .alert-info,.alert-warning, .alert-danger) one to add a basic warning box.
• At the same time add the optional.alert-dismissable to top <div> class.
• Add a close button.

The following example illustrates this point:

The results are as follows:

Warning (Alerts) link in

To create a link in the Warning (Alerts) as follows:

• By creating a <div>, and add a.alert class and four context-class (ie .alert-success, .alert-info,.alert-warning, .alert-danger) one to add a basic warning box.
• Use.alert-link entity classes to quickly link with matching colors.

The results are as follows: