Bootstrap labels are covered in this chapter. Labels are useful for providing page counts, tips, and other information. To display labels, use the class.label, as seen in the sample below.
As illustrated in the following example, you may change the design of labels by utilising modifier classes like label-default, label-primary, label-success, label-info, label-warning, and label-danger.
The topic of Bootstrap badges will be discussed in this chapter. Badges are identical to labels, with the exception that they have more rounded corners.
Badges are typically used to draw attention to new or unread content. Simply add span class = "badge"> to links, Bootstrap navs, and other elements to use badges.
This is demonstrated in the following example:
a href="#">a href="#">a href="#">a h
a>Mailbox 50/span>span class = "badge">span class = "badge">span class = "badge">span class = "badge">span class = "badge
If there are no new or unread things, badges will simply collapse using CSS's:empty selector, as long as there is no content with them.
n.
In the active states of pill and list navigations, badges can be placed. You may do this by adding a span class = "badge"> to active links, as seen in the example below.
|