Labels & Badges in Bootstrap

badge with HREF

Span with Class='badge' with HREF tag
Inbox 12
<a href='#'>Inbox <span class='badge'>42</span></a>

Span with Button

Span with class='badge' with Button
<button type='button' class='btn btn-info btn-xs'>button class='btn btn-success btn-xs' <span class='badge'>62</span></button>

By using different types of button classes we can create Badges .


By using label class we can create different labels.

Default   Primary   Success   Info   Warning   Danger
<span class='label label-default'>Default </span>
<span class='label label-primary'>Primary </span>
<span class='label label-success'>Success </span>
<span class='label label-info'>Info </span>
<span class='label label-warning'>Warning </span>
<span class='label label-danger'>Danger </span>
Your Rating

Post Comment This is for short comments only. Use the forum for more discussions.

Most Popular JQuery Scripts


Two dependant list boxes


Calendar with Date Selection


Data change by Slider


Show & Hide element
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 All rights reserved worldwide Privacy Policy Disclaimer