Bootstrap 标签
Bootstrap 标签
2023-09-14 08:59:25 时间
本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签,如下面的实例所示:
实例
<h1>Example Heading <span class="label label-default">Label</span></h1>
<h2>Example Heading <span class="label label-default">Label</span></h2>
<h3>Example Heading <span class="label label-default">Label</span></h3>
<h4>Example Heading <span class="label label-default">Label</span></h4>
尝试一下 »
结果如下所示:
您可以使用修饰的 class label-default、label-primary、label-success、label-info、label-warning、label-danger 来改变标签的外观,如下面的实例所示:
实例
<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>
尝试一下 »
结果如下所示:
相关文章
- 第二百三十九节,Bootstrap路径分页标签和徽章组件
- [Bootstrap] 8. 'Collapse', data-target, data-toggle & data-parent
- EasyNVR RTSP转HLS(m3u8+ts)流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现
- SPSS分析:Bootstrap
- [Bootstrap] 1. container & container-fluid
- SAP UI5 的 sap-ui-bootstrap script 脚本标签各属性解析
- SAP UI5 Bootstrap脚本的实现原理
- 【Bootstrap】bootstrap快速入门
- BootStrap在Vue中的安装使用详细教程