Callouts is nicer message boxes for Twitter bootstrap.

Use

<div class="callout callout-default">
    <h4>Default Callout</h4>
    <p>This is a default callout.</p>
</div>

<div class="callout callout-danger">
    <h4>Danger Callout</h4>
    <p>This is a danger callout.</p>
</div>

You can use this css classes:

• callout-default
• callout-primary
• callout-success
• callout-info
• callout-warning
• callout-danger

Visualization

Inspired by

• http://codepen.io/chrisdpratt/pen/IAymB/
• https://gist.github.com/matthiasg/6153853