Colors

Background

<div class="bg-alt">Alternate</div>
<div class="bg-inv">Inverse</div>
<div class="bg-primary">Primary</div>
<div class="bg-secondary">Secondary</div>
<div class="bg-success">Success</div>
<div class="bg-warning">Warning</div>
<div class="bg-danger">Danger</div>
Alternate
Inverse
Primary
Secondary
Success
Warning
Danger

Text Colors

<p>Normal</p>
<p class="tc-muted">Muted</p>
<p style="background-color:#999" class="tc-inv">Inverse</p>
<p class="tc-primary">Primary</p>
<p class="tc-secondary">Secondary</p>
<p class="tc-success">Success</p>
<p class="tc-warning">Warning</p>
<p class="tc-danger">Danger</p>

Normal

Muted

Inverse

Primary

Secondary

Success

Warning

Danger

* Notes

Additional styles may be added to the example output (borders, spacing, colors) for demonstration.