Josephin Doe
Generic placeholder image

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

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image

can you come with me?

8:20 a.m.

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 badge-primary

Success badge

Use class badge-success

Warning badge

Use class badge-warning

Danger badge

Use class bg-danger

Info badge

Use class badge-info

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