Bootstrap4 食用摘記(非入門教程)

Bootstrap4 食用摘記(非入門教程)(暫未完成)

這篇文章主要記錄了自己在bootstrap3bootstrap4的時候遇到的一些,非入門教程
附上官方教程鏈接 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 自動適應手機屏幕的寬度。

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章