Extra Classes


Buttons

This theme provides a few extra classes of buttons on top of those provided by default: secondary & tertiary.

<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">Secondary Button</button>
<button class="btn btn-tertiary">Tertiary Button</button>

Button Classes

Class Description
.btn-primary Primary
.btn-secondary Secondary
.btn-tertiary Tertiary

Progress Bars

This theme provides a few extra classes of progress bars on top of those provided by default: secondary & tertiary.

<div class="progress progress-primary">
	<div class="bar" style="width: 37%"></div>			
</div>

<div class="progress progress-secondary">
	<div class="bar" style="width: 37%"></div>		
</div>

<div class="progress progress-tertiary">
	<div class="bar" style="width: 37%"></div>		
</div>

Progress Bar Classes

Class Description
.progress-primary Primary
.progress-secondary Secondary
.progress-tertiary Tertiary


Labels

This theme provides a few extra classes of labels on top of those provided by default: secondary & tertiary.

<span class="label label-primary">
	Primary Label
</span>

<span class="label label-secondary">
	Secondary Label
</span>

<span class="label label-tertiary">	
	Tertiary Label
</span>

Label Classes

Class Description
.label-primary Primary
.label-secondary Secondary
.label-tertiary Tertiary


Badges

This theme provides a few extra classes of badges on top of those provided by default: secondary & tertiary.

<span class="badge badge-primary">
	Primary Badge
</span>

<span class="badge badge-secondary">
	Secondary Badge
</span>

<span class="badge badge-tertiary">	
	Tertiary Badge
</span>

Badge Classes

Class Description
.badge-primary Primary
.badge-secondary Secondary
.badge-tertiary Tertiary