#### Secondary Badge

Use the `.badge` class, followed by`.badge-secondary`class within element to create secondary badge.

Secondary

#### Primary Badge

Use the `.badge` class, followed by`.badge-primary`class within element to create primary badge.

Primary

#### Success Badge

Use the `.badge` class, followed by`.badge-success`class within element to create success badge.

Success

#### Danger Badge

Use the `.badge` class, followed by`.badge-danger`class within element to create danger badge.

Danger

#### Info Badge

Use the `.badge` class, followed by`.badge-info`class within element to create info badge.

Info

#### Warning Badge

Use the `.badge` class, followed by`.badge-warning`class within element to create warning badge.

Warning

#### Badges With Icons

Primary
Success
Danger
Info
Warning

#### Square Badges With Icons

Use class `.badge-square` with `.badge` to make your badge square

Primary
Success
Danger
Info
Warning

#### Badges With Only Icons

#### Link Badge

Use `<a>` tag inside your `.badge` to create a badge with icon

Link Badge

#### Dropdown Badge

Use `.dropdown-toggle` class with your badge text to create a badge with dropdown

Dropdown Badge

#### Dropdown Badge With Icon

Add icon before your dropdown toggle text to create a dropdown toggle with icon

Dropdown Badge

#### Block Badge With Link

Use `.block` class with `.badge`, to display badge as a block element.

Badge

#### Block Badge With Link And Icon

Add your icon inside `<a>` tag class to make your block badge a link

Link Badge

#### Block Badge With Link And Only Icon

Inside your `.badge.block` add only icon to display your badge as a block icon

#### Badge Sizes

Use classes `badge-{xl|lg|md|sm}` to change size of a badge

Extra Large
Large
Medium
Small