Bootstrap Badges & labels

tutorial and example
tutorial and example

Bootstrap Badges and Labels

Bootstrap Badges

Bootstrap Badges are numerical indicators. It is used to show that how many items are associated with a link.The .badge class is used to create of Bootstrap Badges.

Let us see an example of Bootstrap Badges 1:

Try Now

Let us see an example of Bootstrap Badges 2:

Note: Bootstrap Badges can be used inside other elements such as bottons:

Try Now

Bootstrap Labels

Bootstrap Labels is used to add aditional information about something. The .label class is used to display the labels within <span< element.

There are following six contextual classes:

  • .label-default
  • .label-primary
  • .label-success
  • .label-info
  • .label-warning
  • .label-danger

Let us see an example of Bootstrap Labels:

Try Now