Bootstrap new badge

Here is an example of how to create a new badge using Bootstrap:

HTML:

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

This will create a new badge with a primary color.

You can customize the badge by adding additional classes to the badge class. For example:

You can also add additional text to the badge by wrapping the text in the span element:

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

This will create a badge with the text "New Message" and a primary color.

You can also use the badge-pill class to create a pill-shaped badge:

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

This will create a pill-shaped badge with a primary color.

You can also use the badge-dot class to create a dot-shaped badge:

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

This will create a dot-shaped badge with a primary color.

You can also use the badge-circle class to create a circle-shaped badge:

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

This will create a circle-shaped badge with a primary color.

You can also use the badge-transparent class to create a transparent badge:

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

This will create a transparent badge with a primary color.

You can also use the badge-inverse class to create an inverse badge:

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

This will create an inverse badge with a primary color.

You can also use the badge-dark class to create a dark badge:

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

This will create a dark badge with a primary color.

You can also use the badge-light class to create a light badge:

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

This will create a light badge with a primary color.

You can also use the badge-rounded class to create a rounded badge:

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

This will create a rounded badge with a primary color.

You can also use the badge-square class to create a square badge:

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

This will create a square badge with a primary color.

You can also use the badge-triangle class to create a triangle-shaped badge:

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

This will create a triangle-shaped badge with a primary color.

You can also use the badge-polygon class to create a polygon-shaped badge:

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

This will create a polygon-shaped badge with a primary color.

You can also use the badge-rounded-corners class to create a badge with rounded corners:

<span class="badge badge-rounded-corners badge-primary">New</span>

This will create a badge with rounded corners and a primary color.

You can also use the badge-square-corners class to create a badge with square corners:

<span class="badge badge-square-corners badge-primary">New</span>

This will create a badge with square corners and a primary color.

You can also use the badge-triangle-corners class to create a badge with triangle corners:

<span class="badge badge-triangle-corners badge-primary">New</span>

This will create a badge with triangle corners and a primary color.

You can also use the badge-polygon-corners class to create a badge with polygon corners:

<span class="badge badge-polygon-corners badge-primary">New</span>

This will create a badge with polygon corners and a primary color.

You can also use the badge-rounded-corners-radius class to create a badge with rounded corners and a specified radius:

<span class="badge badge-rounded-corners-radius badge-primary">New</span>

This will create a badge with rounded corners and a specified radius and a primary color.

You can also use the badge-square-corners-radius class to create a badge with square corners and a specified radius:

<span class="badge badge-square-corners-radius badge-primary">New</span>

This will create a badge with square corners and a specified radius and a primary color.

You can also use the badge-triangle-corners-radius class to create a badge with triangle corners and a specified radius:

<span class="badge badge-triangle-corners-radius badge-primary">New</span>

This will create a badge with triangle corners and a specified radius and a primary color.

You can also use the badge-polygon-corners-radius class to create a badge with polygon corners and a specified radius:

<span class="badge badge-polygon-corners-radius badge-primary">New</span>

This will create a badge with polygon corners and a specified radius and a primary color.

You can also use the badge-rounded-corners-border-radius class to create a badge with rounded corners and a specified border radius:

<span class="badge badge-rounded-corners-border-radius badge-primary">New</span>

This will create a badge with rounded corners and a specified border radius and a primary color.

You can also use the badge-square-corners-border-radius class to create a badge with square corners and a specified border radius:

<span class="badge badge-square-corners-border-radius badge-primary">New</span>

This will create a badge with square corners and a specified border radius and a primary color.

You can also use the badge-triangle-corners-border-radius class to create a badge with triangle corners and a specified border radius:

<span class="badge badge-triangle-corners-border-radius badge-primary">New</span>

This will create a badge with triangle corners and a specified border radius and a primary color.

You can also use the badge-polygon-corners-border-radius class to create a badge with polygon corners and a specified border radius:

<span class="badge badge-polygon-corners-border-radius badge-primary">New</span>

This will create a badge with polygon corners and a specified border radius and a primary color.

You can also use the badge-rounded-corners-box-shadow class to create a badge with rounded corners and a specified box shadow:

<span class="badge badge-rounded-corners-box-shadow badge-primary">New</span>

This will create a badge with rounded corners and a specified box shadow and a primary color.

You can also use the badge-square-corners-box-shadow class to create a badge with square corners and a specified box shadow:

<span class