Articles → BOOTSTRAP → Bootstrap Badges

Bootstrap Badges

In this article, we will discuss Bootstrap badges.

Purpose

Bootstrap badges are numerical indicators that specify how many items are associated with the link.

Example

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta charset="utf-8" />
      <title></title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
   </head>
   <body>  
      <a href="#">Articles <span class="badge">20</span></a>
   </body>
</html>

Output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Wednesday, October 6, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**