top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

What are bootstrap badges?

0 votes
427 views
What are bootstrap badges?
posted Jul 3, 2017 by Arun Angadi

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

Badges are similar to labels; the primary difference is that the corners are more rounded. Badges are mainly used to highlight new or unread items. To use badges just add <span class = "badge"> to links, Bootstrap navs, and more. They're most commonly found in email client and social networking websites.

Example

<ul class="nav nav-pills">
    <li><a href="#">Home</a></li>
    <li><a href="#">Profile</a></li>
    <li class="active"><a href="#">Messages <span class="badge">24</span></a></li>
    <li><a href="#">Notification  <span class="badge">5</span></a></li>
</ul>

Preview

enter image description here

answer Jul 3, 2017 by Biswajit Maity
...