Labels	Markup
Default	<span class="label">
Success	<span class="label label-success">
Warning	<span class="label label-warning">
Important	<span class="label label-important">
Info	<span class="label label-info">
Inverse	<span class="label label-inverse">

Name	Example	Markup
Default	1	<span class="badge">
Success	2	<span class="badge badge-success">
Warning	4	<span class="badge badge-warning">
Important	6	<span class="badge badge-important">
Info	8	<span class="badge badge-info">
Inverse	10	<span class="badge badge-inverse">

• icon-book
• icon-cabinet
• icon-calendar
• icon-client
• icon-database
• icon-download
• icon-graph
• icon-home
• icon-lock
• icon-mail
• icon-Dashboard
• icon-facetime-video
• icon-external-link
• icon-folder-open

<ul class="quick-actions">              <li a href="#"> <i class="icon-book"></i> icon-book </a> </li> 
</ul>

1. <divclass="progress">
2. <divclass="bar"style="width:difine%;"></div>
3. </div>

1. <divclass="progress progress-striped">
2. <divclass="bar"style="width:60%;"></div>
3. </div>

1. <divclass="progress progress-striped active">
2. <divclass="bar"style="width:60%;"></div>
3. </div>

1. <divclass="progress">
2. <divclass="bar bar-success"style="width:35%;"></div>
3. <divclass="bar bar-warning"style="width:20%;"></div>
4. <divclass="bar bar-danger"style="width:10%;"></div>
5. </div>

View PopupAlertimage Popup

Four directions of the tooltips, just add a class: 'tip-top', 'tip-bottom', 'tip-left' or 'tip-right' without quotes to the element you want to have tooltip.

TopLeftRightBottom

Default pagination

Alternate pagination

<div class="pagination alternate">

• Popover on top
• Popover on right
• Popover on bottom
• Popover on left