全面解析Bootstrap排版使用方法标题

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

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

rush:xhtml;">

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%;

rush:xhtml;">

Bootstrap标题我是副标题

Bootstrap标题我是副标题

Bootstrap标题我是副标题

Bootstrap标题我是副标题

Bootstrap标题我是副标题
Bootstrap标题我是副标题

效果如下:

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

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

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...