首页 > 安全资讯 >

Bootstrap—标签label和徽章badge

16-12-17

Bootstrap—标签label和徽章badge。

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>
相关文章
最新文章
热点推荐