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>


* indicates required
Subscribe to plus2net

    Post your comments , suggestion , error , requirements etc here .

    Most Popular JQuery Scripts


    Two dependant list boxes


    Calendar with Date Selection


    Data change by Slider


    Show & Hide element

    JQuery Video Tutorials

    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 All rights reserved worldwide Privacy Policy Disclaimer