Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image

Label Badge

lorem ipsum dolor sit amet, consectetur adipisicing elit
Badges
lorem ipsum dolor sit amet, consectetur adipisicing elit
Default badge

Use class badge-default

Primary badge

Use class bg-primary

Success badge

Use class bg-success

Warning badge

Use class bg-warning text-dark

Danger badge

Use class bg-danger

Info badge

Use class bg-info text-dark

inverse default badge

Use class badge-inverse-default

Inverse primary badge

Use class badge-inverse-primary

Inverse success badge

Use class badge-inverse-success

Inverse warning badge

Use class badge-inverse-warning

Inverse Danger badge

Use class badge-inverse-danger

Inverse Info badge

Use class badge-inverse-info

Labels
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .label class,  followed by one of the six contextual classes .label-default, .bg-primary, .bg-success, .bg-info, .bg-warning or .bg-danger, within a <label> element to create a label:

Label Sizes
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .label-lg class along with .label for large label and Use the .label-md class along with .label for medium label.The.label class use form small label

Badge Sizes
lorem ipsum dolor sit amet, consectetur adipisicing elit

Use the .badge-lg class along with .badge for large badge and Use the .badge-md class along with .badge for medium badge.The.badge class use form small badge

Badges On Button
Badges With Icon
Top Left badge

Use class badge-top-left

Top Right badge

Use class badge-top-right

Bottom Left badge

Use class badge-bottom-left

Bottom Right badge

Use class badge-bottom-right