Bootstrap3 排版-标题

最新推荐文章于 2026-06-29 07:48:11 发布

转载最新推荐文章于 2026-06-29 07:48:11 发布 · 290 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/hainange/p/6153763.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了在Bootstrap框架中如何使用各种标题样式，从h1到h6，并展示了如何为标题添加副标题来增强页面表现力。

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

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 32px

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

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

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

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>