Bootstrap4 食用摘记(非入门教程)(暂未完成)
这篇文章主要记录了自己在
bootstrap3
转bootstrap4
的时候遇到的一些,非入门教程 附上官方教程链接
https://getbootstrap.com/docs...
1. BootStrap 引用文件
在引用文件中出现了popper.js
代码语言:javascript复制<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
从官方教程的说明中可以看出用于Dropdown(下拉列表)组件以及Tooltips(提示框)/Popovers(弹出框)
2. 允许移动设备优先的Meta信息
为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
代码语言:javascript复制<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- width=device-width 表示宽度是设备屏幕的宽度。
- initial-scale=1 表示初始的缩放比例。
- shrink-to-fit=no 自动适应手机屏幕的宽度。
未完待续 ... 不妨先看看我的其他文章?