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

网友投稿 220 2023-07-25


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

Bootsthttp://rap和普通的HTML页面一样,定义标题都是使用标签

&lthttp://;div class="h4">Bootstrap标题四

效果如下:

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

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

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

<h5>Bootstrap标题五我是bWkxV副标题

效果如下:

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

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:使用Java开发实现OAuth安全认证的应用
下一篇:Bootstrap每天必学之面板
相关文章

 发表评论

暂时没有评论,来抢沙发吧~