Warning

Color
Name	Warning
Description	A yellow color used as background or text over dark background.
Provider	Skin, BootstrapComponents
Prefixes	bg, text, alert, badge
Extension Components	Alert, Badge, Button, Card, Modal, Popover
Reference	getbootstrap.com - color

Examples

Background

Code

<div class="p-3 bg-warning text-dark" >
This is div with dark text over a warning background!
</div>

Result

This is div with dark text over a warning background!

Text

Code

<div class="p-3 bg-dark text-warning" >
This is div with warning text over a dark background!
</div>

Result

This is div with warning text over a dark background!

Alert

Code

<div class="alert alert-warning text-dark" role="alert">
This is a warning alert — check it out!
</div>

Result

This is a warning alert — check it out!

Badge

Code

===Example heading <span class="badge badge-warning text-dark">New</span>===

Result

Card

Code

<div class="card text-dark bg-warning mb-3" style="max-width: 18rem;">
  <div class="card-header">Header</div>
  <div class="card-body">
    <h5 class="card-title">Warning 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

Warning card title

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

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!