## Labels & Badges

One of the most complete bootstrap admin templates!

Toggle Code!

##### Basic Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <span class="label label-default">Default</span>
    <span class="label label-primary">Primary</span>
    <span class="label label-danger">Danger</span>
    <span class="label label-success">Success</span>
    <span class="label label-warning">Warning</span>
    <span class="label label-info">Info</span>
    <span class="label label-gray">Gray</span>
    <span class="label label-black">Black</span>

##### Rounded Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <span class="label label-default label-rounded">Default</span>
    <span class="label label-primary label-rounded">Primary</span>
    <span class="label label-danger label-rounded">Danger</span>
    <span class="label label-success label-rounded">Success</span>
    <span class="label label-warning label-rounded">Warning</span>
    <span class="label label-info label-rounded">Info</span>
    <span class="label label-gray label-rounded">Gray</span>
    <span class="label label-black label-rounded">Black</span>

##### Flat Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <span class="label label-default label-flat">Default</span>
    <span class="label label-primary label-flat">Primary</span>
    <span class="label label-danger label-flat">Danger</span>
    <span class="label label-success label-flat">Success</span>
    <span class="label label-warning label-flat">Warning</span>
    <span class="label label-info label-flat">Info</span>
    <span class="label label-gray label-flat">Gray</span>
    <span class="label label-black label-flat">Black</span>

##### Wider Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <span class="label label-default label-wide">Default</span>
    <span class="label label-primary label-wide">Primary</span>
    <span class="label label-danger label-wide">Danger</span>
    <span class="label label-success label-wide">Success</span>
    <span class="label label-warning label-wide">Warning</span>
    <span class="label label-info label-wide">Info</span>
    <span class="label label-gray label-wide">Gray</span>
    <span class="label label-black label-wide">Black</span>

##### Linked Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <a href="#" class="label label-default">Default</a>
    <a href="#" class="label label-primary">Primary</a>
    <a href="#" class="label label-danger">Danger</a>
    <a href="#" class="label label-success">Success</a>
    <a href="#" class="label label-warning">Warning</a>
    <a href="#" class="label label-info">Info</a>
    <a href="#" class="label label-gray">Gray</a>
    <a href="#" class="label label-black">Black</a>

##### Rounded Linked Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Gray Black

    <a href="#" class="label label-default label-rounded">Default</a>
    <a href="#" class="label label-primary label-rounded">Primary</a>
    <a href="#" class="label label-danger label-rounded">Danger</a>
    <a href="#" class="label label-success label-rounded">Success</a>
    <a href="#" class="label label-warning label-rounded">Warning</a>
    <a href="#" class="label label-info label-rounded">Info</a>
    <a href="#" class="label label-gray label-rounded">Gray</a>
    <a href="#" class="label label-black label-rounded">Black</a>

##### Bordered Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Black

    <span class="label label-default label-bordered">Default</span>
    <span class="label label-primary label-bordered">Primary</span>
    <span class="label label-danger label-bordered">Danger</span>
    <span class="label label-success label-bordered">Success</span>
    <span class="label label-warning label-bordered">Warning</span>
    <span class="label label-info label-bordered">Info</span>
    <span class="label label-black label-bordered">Black</span>

##### Rounded + Bordered Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Primary Danger Success Warning Info Black

    <span class="label label-default label-rounded label-bordered">Default</span>
    <span class="label label-primary label-rounded label-bordered">Primary</span>
    <span class="label label-danger label-rounded label-bordered">Danger</span>
    <span class="label label-success label-rounded label-bordered">Success</span>
    <span class="label label-warning label-rounded label-bordered">Warning</span>
    <span class="label label-info label-rounded label-bordered">Info</span>
    <span class="label label-black label-rounded label-bordered">Black</span>

#### Badges

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

##### Basic Badges

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

10 15 12 14 10 11 14 13

    <span class="badge badge-default">10</span>
    <span class="badge badge-primary">15</span>
    <span class="badge badge-danger">12</span>
    <span class="badge badge-success">14</span>
    <span class="badge badge-warning">10</span>
    <span class="badge badge-info">11</span>
    <span class="badge badge-gray">14</span>
    <span class="badge badge-black">13</span>

##### Rounded Labels

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

10 14 13 16 12 14 12

    <span class="badge badge-default badge-bordered">10</span>
    <span class="badge badge-primary badge-bordered">14</span>
    <span class="badge badge-danger badge-bordered">13</span>
    <span class="badge badge-success badge-bordered">16</span>
    <span class="badge badge-warning badge-bordered">12</span>
    <span class="badge badge-info badge-bordered">14</span>
    <span class="badge badge-black badge-bordered">12</span>