个人中心
gpt4 book ai didi

javascript - Bootstrap 菜单不会掉落或折叠

转载 作者：行者123 更新时间：2023-11-28 11:44:53 25 4
gpt4 key购买 nike

我目前正在构建视差 Bootstrap 主题。我无法理解是什么阻止了菜单下拉以及调整屏幕大小时菜单折叠。

有没有人有过这个问题？我试过切换样式表的位置，包括页脚中的 js 文件，但没有成功。有人看到这里的问题只是形成了 html 吗？

<!DOCTYPE html>
<meta charset="UTF-8">

<html lang="en">

<head>
    <title>Title</title>

        <!-- Global Attributes -->
        <link rel="icon" href="img/favicon.ico">
        <!--[if IE]><link rel="SHORTCUT ICON" href="img/favicon.ico"/><![endif]-->

        <!-- Required Parralax JavaScript -->
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
        <script type="text/javascript" src="js/waypoints.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/main.js"></script>
        <script src="js/bootstrap.js"></script> 


        <!-- Required Styles for theme -->
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">

</head>

<body>

<header>
        <div class="navbar navbar-default navbar-fixed-top">
                <div class="container">
                        <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                </button>
                                <a href="index.html" class="navbar-brand"><img src="img/logo.png"></a>
                        </div>


                        <div class="navbar-collapse collapse">
                                <ul class="menu nav navbar-nav pull-right">
                                        <li class="dropdown">
                                                <a href="#" class="dropdown-toggle hover1" data-toggle="dropdown">Cat 1<b class="caret"></b></a>
                                                <ul class="dropdown-menu">
                                                        <li><a href="#">Sub Cat 1</a></li>
                                                        <li><a href="#">Sub Cat 2</a></li>
                                                        <li><a href="#">Sub Cat 3</a></li>
                                                        <li><a href="#">Sub Cat 3</a></li>
                                                </ul>
                                        </li>


                        </div> 
                </div>
        </div>
</header>

最佳答案

你的线路:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

应该是

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="navbar-collapse">

关于javascript - Bootstrap 菜单不会掉落或折叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20544324/

25 4 0
文章推荐： JavaScript 映射和哈希表
文章推荐： 用于动态更改超链接的 JavaScript 无法正常工作
文章推荐： css - 父级中绝对定位图像与相对定位图像上的 chrome 的左偏移差异是不均匀的像素宽度
文章推荐： JavaScript 减少数组的内部数组并创建答案数组