defaultspan>h1>h1>HELLOspan class="label">
当前位置：Gxlcms > html代码 > 《深入理解bootstrap》读书笔记：第4章CSS组件（下）

《深入理解bootstrap》读书笔记：第4章CSS组件（下）

时间：2021-07-01 10:21:17 帮助过：34人阅读

十. 标签（.label类，label-xxx）

高亮一些标题部分。
1
2
3
4
5
6
<h1>HELLO<span class="label label-default">defaultspan>h1>
<h1>HELLO<span class="label label-primary">primaryspan>h1>
<h1>HELLO<span class="label label-success">successspan>h1>
<h1>HELLO<span class="label label-info">infospan>h1>
<h1>HELLO<span class="label label-warning">warningspan>h1>
<h1>HELLO<span class="label label-danger">dangerspan>h1>

标签本身不能控制大小，需要用其它样式进行控制。如果标签本身是连接元素（a，btn等），hover和focus时颜色比原来加深10%。

十一. 徽章（.badge）

徽章通常用于消息数的显示，无内容时自动消失。在不同风格组件下的badge类，具有反色的高亮显示效果。尽管如此，在个性化bootstrap的过程中，还是有必要自己定制一些类来显示badge的颜色。比如.badge-danger等等。

1
2
<p>Email me <span class="badge"

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！