BS 导航栏不适用于下载的 Bootstrap 库。 CDN 没问题，请帮助我

Question

我正在尝试使用带有下载的库/离线的引导程序。

但是编写的 html 与 CDN 配合得很好。

这是文件夹架构。

enter image description here

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
     <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css"/>
</head>

<body>
  <nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">WebSiteName</a>
      </div>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page 2</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </nav>
  <script src="jquery.min.js"></script>
  <script src="popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
</body>

</html>

CDN输出

enter image description here

无CDN输出

enter image description here

我尝试重新安装库（最新），但没有成功。

请使用 Jquery 和 popper 检查一次，因为我猜这些会导致问题。

我链接这些文件的方式请检查一次。

Answer 1

就像 vishwajeet K 所说，删除 css/bootstrap.min.css 中的“./”应该可以解决这个问题。这就是我的网站的工作方式：https://www.writtinfool.com/

BS 导航栏不适用于下载的 Bootstrap 库。 CDN 没问题，请帮助我

问题描述投票：0回答：1

1个回答

最新问题

BS 导航栏不适用于下载的 Bootstrap 库。 CDN 没问题，请帮助我

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1