Bootstrap 组件:标签组件的使用

简介: Bootstrap 框架

作者:WangMin
格言:努力做好自己喜欢的每一件事

banner.png

标签都基于 .label,所以每一个需要使用标签类的元素都要加上这个类,用下面的任何一个类都可改变标签的外观。以下是几个类:

状态
.label-primary "primary" 类型的蓝色标签
.label-default 默认的灰色标签
.label-primary "primary" 类型的蓝色标签
.label-success "success" 类型的绿色标签
.label-info "info" 类型的浅蓝色标签
.label-warning "warning" 类型的黄色标签
.label-danger "danger" 类型的红色标签
 <h1>热销<span class="label label-default">Hot</span></h1>
 <h2>热销<span class="label label-primary">Hot</span></h2>
 <h3>热销<span class="label label-success">Hot</span></h3>
 <h4>热销<span class="label label-info">Hot</span></h4>
 <h5>热销<span class="label label-warning">Hot</span></h5>
 <h6>热销<span class="label label-danger">Hot</span></h6>

20200907213936904.png


就先分享到这里!! :smile: 后续继续更新!!

目录
相关文章
N..
|
6月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
66 0
|
前端开发 JavaScript 容器
|
前端开发 容器
|
前端开发 容器
|
前端开发 开发者 容器
|
前端开发 程序员 Android开发
Bootstrap+jQuery实现卡片标签样式的分页
Bootstrap+jQuery实现卡片标签样式的分页
64 0
|
4月前
|
开发框架 前端开发 JavaScript
循序渐进BootstrapVue,开发公司门户网站(1)---基于Bootstrap网站模板构建组件界面
循序渐进BootstrapVue,开发公司门户网站(1)---基于Bootstrap网站模板构建组件界面
|
前端开发
|
6月前
|
前端开发
bootstrap组件的案例代码
bootstrap组件的案例代码
|
6月前
|
前端开发
bootstrap组件
bootstrap组件