我的Bootstrap导航栏HTML，CSS，JS有问题

如何解决我的Bootstrap导航栏HTML，CSS，JS有问题

我目前正在网站上。我的导航栏仅在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文件

解决方法

也许尝试加载用注释标记的脚本。

<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">

由于jquery文件的位置，您的导航栏按钮不起作用。您需要像这样更改博客和联系页面的位置代码：

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

，您需要更改脚本位置：

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

我刚刚发现了我的错误。除了jquery路径错误的事实之外，导航栏还在后台。我在底部的引导行中的列覆盖了导航栏。我用

navbar {
    z-index: 50;
}