Core Code
Core Code Modern Dev Handbook

Basic Badge

Display a simple badge using Bootstrap badge classes.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<div class="container py-5">

<span class="badge bg-primary">New</span>

</div>

</body>
</html>

More BS5 Badges Examples (7)

example Badges in Headings open example example Badges in Buttons open example example Contextual Badge Colors open example example Pill Badges open example example Positioned Badge open example example Badges in Lists open example example Badges in Cards open example