徽章/Badge

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

用法

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

示例

Code

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

修饰

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

通知

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

示例

Code

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

色彩修饰

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

示例

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>