Bootstrap和普通的HTML页面一样，定义标题都是使用标签

到

,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示：

Bootstrap标题一

Bootstrap标题二

Bootstrap标题三

Bootstrap标题四

Bootstrap标题五

Bootstrap标题六

<div class="h1">Bootstrap标题一

<div class="h2">Bootstrap标题二
<div class="h3">Bootstrap标题三
<div class="h4">Bootstrap标题四
<div class="h5">Bootstrap标题五
<div class="h6">Bootstrap标题六

效果如下：

除此之外，我们在Web的制作中，常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果，使用了标签来制作副标题。这个副标题具有其自己的一些独特样式：

1、行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）。

2、由于内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；

标签来制作副标题-->

Bootstrap标题一我是副标题

Bootstrap标题二我是副标题

Bootstrap标题三我是副标题

Bootstrap标题四我是副标题

Bootstrap标题五我是副标题

Bootstrap标题六我是副标题

效果如下：

如果大家还想深入学习，可以点击进行学习，再为大家附两个精彩的专题：

以上就是针对Bootstrap标题排版的详细介绍，之后还有更多内容会不断更新，希望大家继续关注。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!