男女做那种的视频网站/网站运营优化培训
Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集，对于它而言，是用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap4与Bootstrap3不同
源码编写的不同1
bootstrap4它的源码是采用 Sass 语言编写的
bootstrap3它的源码是采用 Less 语言编写的
Bootstrap4与Bootstrap3不同2：栅格系统
之后会写一遍栅格系统的不同
Bootstrap4与Bootstrap3不同3：移动优先设置
Bootstrap4:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Bootstrap3:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">大标题
未接触Bootstrap4之前，我们所写的标题都是采用h系列，即h1到h6,可是这些标题有时候我们还感觉小怎么办，当然了我们可以使用font-zize,去改变字的大小，但是，有了Bootstrap4，我们只需要设置对应的class就ok了。
<div class="container"><h1 class="display-1">我是最大的字体</h1><h1 class="display-2">我是第二大的字体</h1><h1 class="display-3">我是第三大的字体</h1><h1 class="display-4">我是第四大的字体</h1>
</div>
Bootstrap4只有这四个尺码，大于或者小于只会显示标签的默认字号，比如，你用的是h1，那么就会显示h1的尺码，对于这个class，你可以用很多标签来使用它，并不仅仅局限于h1，h系列，p，span……等都可以的。
文本样式（加粗，倾斜，对齐样式）
| 类名 | 描述 |
|---|---|
| .font-weight-bold | 加粗文本 |
| .font-weight-normal | 普通文本 |
| .font-weight-light | 更细的文本 |
| .font-italic | 斜体文本 |
| .lead | 让段落更突出 |
| .small | 指定更小文本 (为父元素的 85% ) |
| .text-left | 左对齐 |
| .text-center | 居中 |
| .text-right | 右对齐 |
| .text-justify | 设定文本对齐,段落中超出屏幕部分文字自动换行 |
| .text-nowrap | 段落中超出屏幕部分不换行 |
| .text-lowercase | 设定文本小写 |
| .text-uppercase | 设定文本大写 |
| .text-capitalize | 设定单词首字母大写 |
| .initialism | 显示在 abbr元素中的文本以小号字体展示，且可以将小写字母转换为大写字母 |
| .list-unstyled | 移除默认的列表样式，列表项中左对齐 ( ul 和 ol 中)。 这个类仅适用于直接子列表项 (如果需要移除嵌套的列表项，你需要在嵌套的列表中使用该样式) |
| .list-inline | 将所有列表项放置同一行 |
| .pre-scrollable | 使pre 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条 |
<div class="container"><abbr title="让你看,你还真看啊">你把鼠标放到我身上就可以看到你想看到的</abbr><br/><mark>我是自带光环的字体</mark>
</div>
