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

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

高亮一些标题部分。

h1>HELLOspan class="label label-default">defaultspan>h1>

h1>HELLOspan class="label label-primary">primaryspan>h1>

h1>HELLOspan class="label label-success">successspan>h1>

h1>HELLOspan class="label label-info">infospan>h1>

h1>HELLOspan class="label label-warning">warningspan>h1>

h1>HELLOspan class="label label-danger">dangerspan>h1>

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

十一. 徽章（.badge）

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

p>Email me span class="badge"

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• 《深入理解bootstrap》读书笔记：第4章 C...

• 文章列表显示
• 创建文章数据表
• 文章管理的准备工作
• 文章分类修改

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论

立即提交

专题推荐

• 独孤九贱-php全栈开发教程

  全栈 170W+

  主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门

• 玉女心经-web前端开发教程

  入门 80W+

  主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门

• 天龙八部-实战开发教程

  实战 120W+

  主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习

作者信息

认证0级讲师

发布技术文章

• 最新文章
• 热门排行

• html中怎么清除li黑点
• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html的name和value是什么意思
• html如何给背景图片设置透明度
• html中怎么让列表横向排列
• html5怎么创建跳转页尾超链接
• 十分钟搞懂form标签中的GET和POST提交方式

• 404 not found是什么意思
• DOM是什么意思
• url是什么意思？
• 如何改变图片大小
• html是什么
• html如何创建电子邮件链接
• HTML编辑器有哪些？最好用的4款HTML编辑器推荐
• 如何制作一个简单的HTML登录页面（附代码）

推荐视频教程

javascript初级视频教程

jquery 基础视频教程

视频教程分类

• php视频教程
• html视频教程
• css视频教程
• JS视频教程
• jQuery视频教程
• mysql视频教程
• Linux视频教程
• Python视频教程

• 网站首页
• PHP视频
• PHP实战
• PHP代码
• PHP手册
• 词条
• 手记
• 编程词典
• php培训

：公益在线php培训，帮助PHP学习者快速成长！

Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作