徽章/Badge

轻松创建好看的徽章来标示和强调你的内容。

用法

要创建一个徽章，只需添加.uk-badge类到一个<div>或<span>元素中。

示例

Info New Free

Code

<div class="uk-badge">...</div>

修饰

若需以不同的样式显示标签，只需为带有 .uk-badge 类的添加修饰类。这些修饰类可以相互结合使用。

通知

添加.uk-badge-notification类标示一个通知，通常用于显示数字。

示例

1 2 3 10 100

Code

<div class="uk-badge uk-badge-notification">...</div>

色彩修饰

添加 .uk-badge-success, .uk-badge-warning或者.uk-badge-danger类为标签添加色彩。

示例

Success Warning Danger

1 10 1 10 1 10

Code

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>