Search within TutorialsPark

Twitter Bootstrap Alerts


To create styled messages for Users


Twitter Bootstrap: Alerts with Variations

1. An alert is created by using a wrapper <div> and then adding a class .alert to it.

2. Contextual alerts can be created by adding class .alert-*. The values available are success , info , warning and danger.

Example: Twitter Bootstrap Alerts with Variations

Give it a TRY! »

Twitter Bootstrap: Dismissable Alerts

1. A dismissable alert can be created by using class .alert-dismissiable and the close button using the symbol ×.

Example:Twitter Bootstrap Dismissable Alerts

Give it a TRY! »

Twitter Bootstrap: Alerts with links

1. To provide matching color links within the alert use the utlity class .alert-link.

Example:Twitter Bootstrap Alerts with Links

Give it a TRY! »