Bootstrap学习记录【3】【一些对文本和列表的设置】

Bootstrap学习记录【3】

1.标题
既有直接对h1到h6标签进行样式覆盖，即直接使用标签就已经进行了样式更改；
也提供了h1到h6的类名，为非标题元素设置样式：
如： <div class="h2">你好</div>

2.副标题
在标题后面跟着<small>标签或使用.small

3.段落
可通过.lead增大文本字号，加粗文本，对行高和margin作出相应处理
另外还有：
<small> 小号字
<b>/<strong> 加粗
<i><em> 倾斜

4.常用样式：
.text-muted：提示，浅灰色
.text-primary：主要，蓝色
.text-success：成功，浅绿色
.text-info：通知信息，浅蓝色
.text-warning：警告，土黄色
.text-danger：危险，红褐色

5.对齐效果
.text-left： 左对齐
.text-right ：右对齐
.text-center ：居中对齐
.text-justify ：两边对齐

6.列表
复习：
html中：
无序列表（有点）：ul>li
有序列表：ol>li
定义列表：dl>dt+dd

bootstrap中：
.list-unstyled：去点列表，在ul中使用，竖直，无序号
.list-inline：内联列表，在ul中使用，水平方向列表，无序号
.dl-horizontal：定义列表，在dl中使用（还是dl>dt+dd，当标题（dt）宽度超过160px时会显示三个省略号，效果等同于style="overflow: hidden; text-overflow: ellipsis;"）测试后发现，该类仅对dt中的内容有效，dd中内容超过边框后，还是会溢出。

学习来源：
https://www.bilibili.com/video/BV1Pz4y1k7g5?from=search&seid=12895899452417695000
学习进度：96、97、98