UI - Badge (Tag)

Card Puncher Data Processing


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


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/

Discover More
Finite Automata Customer Store Bank
Process - LifeCycle (Entity State) (Status)

In a process based model, every entity has a lifecycle (Status) that shows a finite number of distinct states. The status shows the state of an entity ie: finite automata See also: Sequence:...

Share this page:
Follow us:
Task Runner