Alerts and Callouts
Alerts
Use the below code to display Alerts:
<div class="alert [ alert style class ] fade in"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> <strong>Warning!</strong> [ YourContent ] </div>
| Class | Description | Result |
|---|---|---|
| .Alert-success | Success Alert |
× Success! This alert box could indicate a successful or positive action.
|
| .Alert-info | Info Alert |
× Info! This alert box could indicate a neutral informative change or action.
|
| .Alert-warning | Warning Alert |
× Warning! This alert box could indicate a warning that might need attention.
|
| .Alert-danger | Danger Alert |
× Danger! This alert box could indicate a dangerous or potentially negative action.
|
Callouts
Use the below code to display Callouts:
<div class="alerts-and-callouts "> <div class="bs-callout [ callout style class ]"> [ Your Content ] </div> </div>
| Class | Description | Result |
|---|---|---|
| .bs-callout-default | Default Callout |
Default CalloutThis is a default callout. |
| .bs-callout-primery | Primary Callout |
Primary CalloutThis is a Primary callout. |
| .bs-callout-success | Success Callout |
Info CalloutThis is a Info callout. |
| .Alert-info | Info Callout |
warning CalloutThis is a warning callout. |
| .Alert-warning | Warning Callout |
Danger CalloutThis is a danger callout. |