sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > 《深入理解bootstrap》读书笔记:第4章CSS组件(下)

《深入理解bootstrap》读书笔记:第4章CSS组件(下)

作者:xuhongji发布时间:2020-09-14分类:Html浏览:40评论:0


导读:十.标签(.label类,label-xxx)高亮一些标题部分。123456˂h1˃HELLO˂spanclass="la...

十. 标签(.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"


欢迎 发表评论:

Html排行
«   2021年1月   »
123
45678910
11121314151617
18192021222324
25262728293031
标签列表
网站分类
文章归档
最近发表
推荐文章
  • 欢迎访问我的博客
  •   IP:127.0.0.1
  •   地址:本地
  •   系统:Windows10
  •   浏览器:Chrome47