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

没有找到答案?搜索一下吧!

学习导航


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