UI - Badge (Tag)

1 - About

A badge is a small and adaptive tag for adding context to just about any content such as:

3 - Bootstrap

Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

badge {
    font-size: "75%",
    padding: 0.25em 0.4em;


<span class="badge badge-pill badge-default">Default</span>
<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-danger">Danger</span>

More: http://v4-alpha.getbootstrap.com/components/badge/

Data Science
Data Analysis
Data Science
Linear Algebra Mathematics

Powered by ComboStrap