Badges scale to match the size of the immediate parent element by
using relative font sizing and em units.
Quickly provide actionable badges with hover and focus states by
specifying either the href prop (links) or
to prop (router-links):
Add any of the following variants via the variant
prop to change the appearance of a <b-badge>:
default, primary, success,
warning, info, and danger.
If no variant is specified default will be used.
Use the pill prop to make badges more rounded (with a
larger border-radius and additional horizontal padding). Useful if
you miss the badges from Bootstrap v3.