Bootstrap4 食用摘记（非入门教程）

Bootstrap4 食用摘记（非入门教程）(暂未完成)

这篇文章主要记录了自己在bootstrap3转bootstrap4的时候遇到的一些，非入门教程 附上官方教程链接 https://getbootstrap.com/docs...

1. BootStrap 引用文件

在引用文件中出现了popper.js

<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

从官方教程的说明中可以看出用于Dropdown（下拉列表）组件以及Tooltips（提示框）/Popovers（弹出框）

clipboard.png

2. 允许移动设备优先的Meta信息

为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

• width=device-width 表示宽度是设备屏幕的宽度。
• initial-scale=1 表示初始的缩放比例。
• shrink-to-fit=no 自动适应手机屏幕的宽度。

未完待续 ... 不妨先看看我的其他文章？