徽章/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>