Colors

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

Alternate

Primary

Secondary

Success

Warning

Danger

Inverse

<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>

Primary

Secondary

Success

Warning

Danger

<div class="bg-inv">
  <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>
</div>