Question

应该是一个简单的问题...

我的NAV酒吧模板（工作）：https://codepen.io/ScottFSchmidt/pen/GMzgKz

...导入到我的投资组合中（不工作）：https://scottschmidtportfolio.000webhostapp.com/#
菜单没有按下单击（当屏幕较小时会出现菜单）。

造成这种情况的原因是什么？我觉得这是我脚本中的内容（如下）：编辑来自https://www.bootstrapcdn.com/的新更新的脚本：

 <!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">

<title>SS Studio</title>
<meta charset = "UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"></script>
<script src="https://use.fontawesome.com/fab417e5fd.js"></script>

<script language="javascript">

Answer 1

检查控制台：

确保正确加载Bootstrap。看起来你正试图在三个地方添加bootstrap。

最好使用CDNetworks。以下是bootstrap cdn

的链接

您还遇到一个脚本错误：

 $(window).scroll(function() {
       if ($(document).scrollTop() > 50) {
           $('nav').addClass('shrink');
       } else {
         $('nav').removeClass('shrink');
       }
   });
 // }); // remove this

注意：

您正在使用HTTPS，但是以不安全的方式请求某些资源。使用https://来包含所有资源，如图像，css，js等

下拉菜单单击

1 个答案:

注意：