Badge | Agile - Bootstrap 4 Web Application

Setting:

Sticky header Sticky aside Folded Aside Hide Aside

Color:
4

L

Welcome to new ui dashboard, you are almost there

D

Mike upload last week lessons summary

J

New web html5 application in process

Mike Added you to repo

@James submit a support ticket

K

Prepare the documentation for the Fitness app

6 Notifications
See all
Hello, Welcome Garrett Winters

Profile Account Settings Upgrade to Pro
Need help? Sign out

Badge

#

Name

Code

Primary

Badge primary

.badge-primary

Secondary

Badge secondary

.badge-secondary

Success

Badge success

.badge-success

Info

Badge info

.badge-info

Warning

Badge warning

.badge-warning

Danger

Badge danger

.badge-danger

Dark

Badge dark

.badge-dark

Light

Primary

Badge primary

.bg-primary-lt

Secondary

Badge secondary

.bg-secondary-lt

Info

Badge info

.bg-info-lt

Success

Badge success

.bg-success-lt

Warning

Badge warning

.bg-warning-lt

Danger

Badge danger

.bg-danger-lt

Dark

Badge dark

.bg-dark-lt

Outline

Primary

Badge primary

.badge-outline .text-primary

Secondary

Badge secondary

.badge-outline .text-secondary

Success

Badge success

.badge-outline .text-success

Info

Badge info

.badge-outline .text-info

Warning

Badge warning

.badge-outline .text-warning

Danger

Badge danger

.badge-outline .text-danger

Dark

Badge dark

.badge-outline .text-dark