Bootstrap—标签label和徽章badge

最新推荐文章于 2024-07-03 08:52:39 发布

Tiramisu_C

最新推荐文章于 2024-07-03 08:52:39 发布

阅读量5.2k

点赞数 2

分类专栏： Bootstrap Bootstrap学习之路文章标签： Bootstrap label 标签

本文链接：https://blog.csdn.net/nongweiyilady/article/details/53678179

版权

本文介绍了Bootstrap中的标签(label)和徽章(badge)的使用，包括.label-default、.label-primary、.label-success、.label-info、.label-warning和.label-danger等不同类型的标签样式，并提供了HTML示例代码。同时，也展示了徽章(badge)在突出显示新或未读项的应用。

摘要由CSDN通过智能技术生成

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>

最低0.47元/天解锁文章

Tiramisu_C

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap—标签label和徽章badge

.label label-default 默认的灰色标签.label label-primary "primary" 类型的蓝色标签.label label-success "success" 类型的绿色标签.label label-info "info" 类型的浅蓝色标签.label label-warning "warning" 类型的黄色标签.label lab
复制链接

扫一扫

专栏目录