Color

Add more colors to your website.

Text Color

.text-success

.text-warning

.text-inverse

<p class="text-success">.text-success</p>
<p class="text-warning">.text-warning</p>
<p class="text-inverse">.text-inverse</p>

a.text-success

a.text-warning

a.text-inverse

<p><a class="text-success" href="#">a.text-success</a></p>
<p><a class="text-warning" href="#">a.text-warning</a></p>
<p><a class="text-inverse" href="#">a.text-inverse</a></p>

Background Color

.bg-primary.text-inverse

.bg-success.text-inverse

.bg-warning.text-inverse

.bg-danger.text-inverse

.bg-inverse.text-inverse

<p class="bg-primary text-inverse">.bg-primary.text-inverse</p>
<p class="bg-success text-inverse">.bg-success.text-inverse</p>
<p class="bg-warning text-inverse">.bg-warning.text-inverse</p>
<p class="bg-danger text-inverse">.bg-danger.text-inverse</p>
<p class="bg-inverse text-inverse">.bg-inverse.text-inverse</p>

Faded Background Color

.bg-primary-faded

.bg-success-faded

.bg-warning-faded

.bg-danger-faded

.bg-faded

<p class="bg-primary-faded">.bg-primary-faded</p>
<p class="bg-success-faded">.bg-success-faded</p>
<p class="bg-warning-faded">.bg-warning-faded</p>
<p class="bg-danger-faded">.bg-danger-faded</p>
<p class="bg-faded">.bg-faded</p>