问汉堡包菜单不打开在我的网页上，而使用引导。我该怎么解决这个问题？
EN

Stack Overflow用户

提问于 2021-12-31 16:52:58

回答 1查看 60关注 0票数 -1

我的肚脐汉堡菜单不开放，我不知道为什么？链接在大屏幕上显示得很好，但导航条不会在较小的屏幕上打开。我试着改变标题中的标签，删除东西，刷新页面，找出问题，但是没有任何效果。我对Bootstrap和Javascript还不熟悉。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" 
     rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" 
     crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <title>Megan-Keyes</title>
</head>
<body>
<!--Navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
    <div class="container">
        <div class = "header-my-name">
        <header><h2>Hi</h2></header>
            </div>
       <button class="navbar-toggler"type="button" data-bs-toggle="collapse" 
data-bs-target=#navmenu>
       <span class="navbar-toggler-icon"></span>
       </button>

        <div class="collapse navbar-collapse" id="navmenu">
        <ul class="navbar-nav">
           <li class="nav-item">
               <a href="Currency-Converter/index.html" class="nav-link" target="projectWindow1">Currency Converter</a>
           </li>
           <li class="nav-item">
               <a href="Famous-Landmarks/index.html" class="nav-link">Famous Landmarks</a>
           </li>
           <li class="nav-item">
               <a href="project-3" class="nav-link">Project 3</a>
           </li>
           <li class="nav-item">
            <a href="project-4" class="nav-link">Project 4</a>
           </li>
           <li class="nav-item">
            <a href="project-5" class="nav-link">Project 5</a>
           </li>
           <li class="nav-item">
            <a href="project-6" class="nav-link">Project 6</a>
          </li>
          <li class="nav-item">
            <a href="project-7" class="nav-link">Project 7</a>
          </li>
          <li class="nav-item">
            <a href="project-8" class="nav-link">Project 8</a>
          </li>
        </ul>
       </div>
    </div>
   </nav>
   <!--NavBar Color and text center-->
   <section class="bg-dark text-light p-5 text-center"> 
   </section>
   <!--My Project Displays-->
   <main>
    <div id = "currency-converter-project">
    <iframe src="Currency-Converter/index.html" name="projectWindow1" width="100%" height="100px"></iframe> 
    </div>
    <div id = "famous-landmarks-project">
    <iframe src="Famous-Landmarks/index.html" width="100%" height="500px"></iframe> 
    </div>
   </main>
</body>
</html>

javascript

bootstrap-5

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-31 16:58:39

链接引导javascript文件<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70544214

复制

相似问题

问汉堡包菜单不打开在我的网页上，而使用引导。我该怎么解决这个问题？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问汉堡包菜单不打开在我的网页上，而使用引导。我该怎么解决这个问题？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问汉堡包菜单不打开在我的网页上，而使用引导。我该怎么解决这个问题？
EN