:::
12. 讓HTML可以被引入
- 如果開始覺得HTML檔太大,想要做適當的切割引入,那麼,可以試試此單元作法。
- 這個功能基本上無關BootStrap
- 請在
<head>中加入:<script src="https://www.w3schools.com/lib/w3.js"></script>
-
或者將該檔案下載,存入js目錄下,並引入之亦可:
<script src="js/w3.js"></script>
-
接著在</body>之前加入
<!-- Optional JavaScript --> <script> w3.includeHTML(); </script> -
這樣就完成基本步驟了!
-
將整個
<ul class="navbar-nav m-auto">剪下,建立一個 nav.html 檔並貼入剛剛剪下的內容,並儲存。 -
在原來的位置貼入以下語法即可引入 nav.html
<div w3-include-html="nav.html"></div>
-
原本
.m-auto在<ul>中,請將之移到<div>中,以便讓引入的區塊可以置中。<div w3-include-html="nav.html" class="m-auto"></div>
11-2 導覽列選項