我的 Bootstrap 導航欄有問題（HTML、CSS、JS）

Question

我目前在一個網站上工作。 我的導航欄只在 index.html 頁面上工作。 當我在瀏覽器中訪問 aboutme.html 時，我無法點擊導航欄上的任何按鈕。 我復制了標准的 Bootstrap 導航欄並將其樣式化到中間。

style.css（在 css/style.css 中）：

/* Style Navbar */

.navbar-brand {
    /* logo */
    margin-left: 20vw;
}

/* .active {
    font-weight: 600;
    text-decoration: underline;
} */

.dropdown {
    position: absolute;
    right: 20vw;
}

我沒有使用特殊的 js 文件

Answer 1

也許嘗試加載您用注釋標記的腳本。

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

方案二：嘗試檢查../css/style.css文件的位置是否正確

<link rel="stylesheet" href="../css/style.css">

Answer 2

由於 jquery 文件位置，您的導航欄按鈕不起作用。 您需要像這樣更改博客和聯系頁面的位置代碼：

<script src="../js/jquery-3.5.1.js"></script>

並且您需要更改腳本位置：

<script src="../js/script.js"></script>

Answer 3

我剛剛發現了我的錯誤。 除了 jquery 路徑錯誤之外，導航欄還在后台。 我在底部的引導行中的列覆蓋了導航欄。 我設計了導航欄

navbar {
    z-index: 50;
}