时间:2021-05-25
Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:
效果如下:
除此之外,我们在Web的制作中,常常会碰到在一个标题后面紧跟着一行小的副标题。在Bootstrap中他也考虑了这种排版效果,使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式:
1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。
2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;
<!--Bootstrap中使用了<small>标签来制作副标题--><h1>Bootstrap标题一<small>我是副标题</small></h1><h2>Bootstrap标题二<small>我是副标题</small></h2><h3>Bootstrap标题三<small>我是副标题</small></h3><h4>Bootstrap标题四<small>我是副标题</small></h4><h5>Bootstrap标题五<small>我是副标题</small></h5> <h6>Bootstrap标题六<small>我是副标题</small></h6>效果如下:
如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程 Bootstrap实战教程
以上就是针对Bootstrap标题排版的详细介绍,之后还有更多内容会不断更新,希望大家继续关注。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
有了Bootstrap前端框架预处理好的排版类,我们从此不必再为每个排版的标签元素写大量的CSS代码了,可以使用Bootstrap的排版特性,您可以创建标题、段
本文实例为大家分享了bootstrap输入框组的使用方法,供大家参考,具体内容如下Bootstrap@@搜索学院课程htmlcssjavascriptlessb
本文为大家分享了网页框架bootstrap的简单使用方法,供大家参考,具体内容如下直接百度bootstrap可以搜到bootstrap中文网站,然后最好建议选择
Bootstrap中CSS的使用方法,供大家参考,具体内容如下1、GitHub上这样介绍bootstrap:☑简单灵活可用于架构流行的用户界面和交互
Bootstrap实现了大量基本样式,包括表格、表单、按钮、图片等。基本的使用方法是通过添加特定的class来实现。Bootstrap提供了一个清晰的创建表格的