1.标题类
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<hr>
<div class="h1">一级标题<small>我是副标题</small></div>
<div class="h2">二级标题<small class="text-muted">我是副标题</small></div>
<div class="h3">三级标题</div>
<div class="h4">四级标题</div>
<div class="h5">五级标题</div>
<div class="h6">六级标题</div>
<hr>
<p class="display-1">display1</p>
<p class="display-2">display2</p>
<p class="display-3">display3</p>
<p class="display-4">display4</p>
</body>
2.文本类
段落cp>元素是网页布局中的重要组成部分,在Bootstrap中为文本设置了一个全局的正文文本样式,包括对字体和字号,行高、颜色的基础没置。除此之外。为了显示美观,同时便于用户阅读。特意给p元素设置了margin值。
在实际项目中,对于一些重要的文本。开发者往往希望对这些文本进行特殊的样式设置,以突显其重要性。
2.1强化文本
Bootstrap中提供了一些常用的内联元素来对文本进行强化突显重要内容,以实现风格统一、布局美观的效果.见下表所示.
标签 | 描述 | 标签 | 描述 |
<br>和<strong> | 文本加粗 | <mark> | 标记,高亮显示 |
<del>和<s> | 删除线 | <address> | 表示地址 |
<ins>和<u> | 下划线 | <footer> | 出处 |
<em>和<i> | 斜体 | <cite> | 出处 |
<blockquote> | 引用块,长引用 | <abbr> | 缩略图,鼠标悬停在该文本上是,显示title的属性值 |
2.2文本颜色
类名 | 描述 |
.text-primary | 首选文本颜色,重要的文本 |
.text-secondary | 副标题颜色 |
.text-success | 成功文本颜色 |
.text-muted | 柔和颜色 |
.text-danger | 危险提示文本颜色 |
.text-info | 一般提示信息文本颜色 |
.text-warning | 警告信息文本颜色 |
.text-dark | 深灰色文本 |
.text-body | body文本颜色 |
.text-light | 浅灰色文本 |