UI - Badge (Tag)

> User Interface (GUI)

Table of Contents

1 - About


Small and adaptive tag for adding context to just about any content.

Like button ?

2 - 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/

ui/badge.txt · Last modified: 2019/02/09 11:41 by gerardnico