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(弹出框)
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 自动适应手机屏幕的宽度。
未完待续 ... 不妨先看看我的其他文章?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。