Bootstrap4 食用摘记(非入门教程)

2022-06-15 08:07:46 浏览数 (1)

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

这篇文章主要记录了自己在bootstrap3bootstrap4的时候遇到的一些,非入门教程 附上官方教程链接 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 自动适应手机屏幕的宽度。

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

0 人点赞