Bootstrap 排版 标题标签 key:h1 h2 h3 h4 h5 h6 small - Bootstrap 设计排版

Bootstrap 排版 标题标签

W3CSchool > bootstrap3中文手册 > Bootstrap 设计排版 > Bootstrap 排版 标题标签

标题

HTML 中的所有标题标签<h1><h6> 均可使用。另外,还提供了 .h1.h6 类,为的是给内联(inline)属性的文本赋予标题的样式。

  1. <h1>h1. Bootstrap heading</h1> 
  2. <h2>h2. Bootstrap heading</h2> 
  3. <h3>h3. Bootstrap heading</h3> 
  4. <h4>h4. Bootstrap heading</h4> 
  5. <h5>h5. Bootstrap heading</h5> 
  6. <h6>h6. Bootstrap heading</h6> 

效果:

h1. Bootstrap heading

Semibold 36px

h2. Bootstrap heading

Semibold 30px

h3. Bootstrap heading

Semibold 24px

h4. Bootstrap heading

Semibold 18px
h5. Bootstrap heading
Semibold 14px
h6. Bootstrap heading
Semibold 12px

在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标题。

  1. <h1>h1. Bootstrap heading <small>Secondary text</small></h1> 
  2. <h2>h2. Bootstrap heading <small>Secondary text</small></h2> 
  3. <h3>h3. Bootstrap heading <small>Secondary text</small></h3> 
  4. <h4>h4. Bootstrap heading <small>Secondary text</small></h4> 
  5. <h5>h5. Bootstrap heading <small>Secondary text</small></h5> 
  6. <h6>h6. Bootstrap heading <small>Secondary text</small></h6>

效果:

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text

CTRL + D 收藏本页

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)