startSection('content'); ?>
  1. Bootstrap
  2. Badge

Badges Size

Default Bootstrap Badges

Primary Primary Secondary Danger Warning

Badges Light

Default Bootstrap Badges

Primary Secondary Success Danger Warning Info Light Dark
1 2 3 4 5 6 7 8

Badges

Default Bootstrap Badges

Primary Secondary Success Danger Warning Info Light Dark

Pill Badge

add .badge-pill to change the style

Pill badge Pill badge Pill badge Pill badge Pill badge Pill badge Pill badge Pill badge

Link Badge

Link badge add in anchor tag

Links Links Links Links Links Links Links Links

Rounded Badge

add .badge-rounded to change the style

Rounded Rounded Rounded Rounded Rounded Rounded Rounded Rounded

Rounded Outline Badge

add .badge-rounded to change the style

Rounded Rounded Rounded Rounded Rounded Rounded Rounded Rounded

Outline Circle Badge

add .badge-circle to change the style

1 2 3 4 5 6 7 8

Circle Badge

add .badge-circle to change the style

1 2 3 4 5 6 7 8

Outline Badge

Default bootstrap outline baadge

1 2 3 4 5 6 7 8

Number Badge

Default bootstrap outline baadge

1 2 3 4 5 6 7 8

Badge Sizes

add .badge-xs .badge-sm .badge-md .badge-lg .badge-xl to change the style

xs sm md lg xl
stopSection(); ?> make('layout.default', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>