Badges

Basic badge styling

Primary badge
Primary
Primary To use, add .badge-primary to the base .badge class
Secondary badge
Secondary
secondary To use, add .badge-secondary to the base .badge class
Info badge
Info
Info To use, add .badge-Info to the base .badge class
Success badge
Success
Success To use, add .badge-Success to the base .badge class
Danger badge
Danger
Danger To use, add .badge-Danger to the base .badge class
Warning badge
Warning
Warning To use, add .badge-Warning to the base .badge class
Light badge
Light
Light To use, add .badge-Light to the base .badge class
Dark badge
Dark
Dark To use, add .badge-Dark to the base .badge class

Pill

Text 7 +7 -7 10
.badge-pill applies to .badge.

Mono colors

Dark Grey Secondary
.badge-* which * is one of the following color names.

Sizing

Extra large Large Medium Small
Available sizes are sm, lg, xl

Dot badges




.badge-dot applies to .badge.

Ring badges

.badge-ring applies to .badge.






.fill can applies to .badge-ring

Resent Activity

View All
Mason

Has add new event for UI workshop

5 minute ago

Johen Doe

Has rented the hall for saminar

35 minute ago

Tyler Mark

Has add new event for Strapday

50 minute ago

Evan Doe

Has clear an event for UI seminar

1 hour ago

Sophia Doe

Has add ne meeting for seminar

2 hour ago

Your Event Statistic

View All
National Seminar
Roadshow Miami

Number of deals

75% Successful
25% Unsuccessful
New Group Contacts Groups Calls Settings
Help Privacy
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?