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 自動適應手機屏幕的寬度。
未完待續 ... 不妨先看看我的其他文章?