top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

Facebook Login
Site Registration

What are bootstrap badges?

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

Share this question
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social 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
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...