codeGK
Code it ALL
BootStrap4 Badges - CodeGK
♦ BootStrap4 Badges

♣ About BootStrap4 Badges

Badges are used to display some additional information about the HTML element.
Badges provide information similar to tag.
Badges in BootStrap4 scale automatically to the size of parent element.

♣ Example1: Badges in BootStrap4

In this example, Basic Badges are illustrated.
Example
Input:
Output:

♣ Example2: Internal Badges in BootStrap4

Badges can also be placed inside a button.
In this example, Notification and Update buttons are illustrated with some additional information.
Example
Input:
Output:

♣ Example3: Pill Badges in BootStrap4

A more small rounded badges can be acquired from badge-pill class.
In this example, various Pill Badges are illustrated.
Example
Input:
Output:

♣ Example4: Link Badges in BootStrap4

Badges can also be embedded in links.
In this example, various Link Badges are illustrated.
Example
Input:
Output:
Prev_LessonNext_Lesson
BootStrap4 Badges