Badges

Examples

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

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Button or Links

Badges can be used as part of links or buttons to provide a counter.

Contextual variations

Add any of the below mentioned modifier classes to change the appearance of a badge.

PrimarySecondarySuccessDangerWarningInfoLightDark

Pill badges

Use the `.badge-pill`modifier class to make badges more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3.

PrimarySecondarySuccessDangerWarningInfoLightDark

Links badges

Using the contextual `.badge-`classes on an `<a>`element quickly provide actionable*badges with hover and focus states.

Primary Secondary Success Danger Warning Info Light Dark

PG麻将糊了吐分率计算助手

PG麻将糊了是什么情况？如何准确计算当前的吐分率？本网站提供详细的PG麻将糊了计算方法与相关规则解析，帮助玩家更好地理解麻将游戏，提升游戏技巧与策略。无论是新手还是资深玩家，都能在这里找到实用的麻将资讯和计算工具，助您在麻将对局中获得优势