Alert Boxes

You can make any div an alert box by adding alert alert-* classes to it. To add alert boxes to your page/post, you must be in the ‘Text’ editor view.

Examples

Class

Sample Code

Class

Sample Code

alert-success

<div class="alert alert-success" role="alert">Success!</div>

alert-info

<div class="alert alert-info" role="alert">Information.</div>

alert-warning

<div class="alert alert-warning" role="alert">Warning.</div>

alert-danger

Dismissible Alerts

Build on any alert by adding an optional .alert-dismissible and close button.

Related Articles