Danger

From Bootstrap - Demo Wiki
Color
Name Danger
Description A red color used mainly as background.
Provider Skin, BootstrapComponents
Prefixes bg, text, alert, badge
Extension Components Alert, Badge, Button, Card, Modal, Popover
Reference getbootstrap.com - color

Background

Code
<div class="p-3 text-light bg-danger" >
This is a div with light text over a danger background!
</div>
Result

This is a div with light text over a danger background!

Text

Code
<div class="p-3 text-danger bg-light" >
This is a div with danger text over a light background!
</div>
Result

This is a div with danger text over a light background!

Alert

Code
<div class="alert alert-danger" role="alert">
This is a danger alert — check it out!
</div>
Result

Badge

Code
===Example heading <span class="badge badge-danger">New</span>===
Result

Example heading New

Card

Code
<div class="card bg-danger text-white mb-3" style="max-width: 18rem;">
  <div class="card-header">Header</div>
  <div class="card-body">
    <h5 class="card-title">Danger card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
</div>
Result
Header
Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.