Bootstrap—标签label和徽章badge

来源：互联网发布：网络歌曲爱一个人好难编辑：程序博客网时间：2024/05/16 13:02

label.label label-default    默认的灰色标签.label label-primary   "primary" 类型的蓝色标签.label label-success   "success" 类型的绿色标签.label label-info  "info" 类型的浅蓝色标签.label label-warning   "warning" 类型的黄色标签.label label-danger    "danger" 类型的红色标签用法：<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>label</title>    <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css"></head><body>    <div class="container" style="margin-top: 10px">        <span class="label label-default">label-default</span>    </div></body></html>

效果：


badge:
徽章（Badges）主要用于突出显示新的或未读的项，效果：

使用方法：<a href="#"><span class="badge">20</span></a>



本文参考资料来自：http://www.runoob.com/bootstrap/bootstrap-labels.html，http://www.runoob.com/bootstrap/bootstrap-badges.html

2 0