Twitter bootstrap 移动视图上的引导导航栏单击按钮无法显示隐藏的链接

Bootstrap有一个简洁的功能，它将移动设备上的导航折叠为三行按钮，即单击移动设备时显示导航栏链接，单击时我的导航栏链接不起作用

这是导航代码

<nav class="navbar navbar-expand-md navbar-dark fixed-top">
    <a class="navbar-brand font-orbitron" href="/">
        <img src="/static/images/binoculars.png" alt="Logo" class="nav-logo">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarsExample">
        <ul class="navbar-nav mr-auto">
            
                <li class="nav-item font-abeezee active">
                    <a class="nav-link" href="/" title="Kenya Professional Safari Guides Association">Home </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/about-us" title="About Us">About Us </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/gallery" title="Gallery">Gallery </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/careers" title="Careers">Careers </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/contact-us" title="Contact Us">Contact Us </a>
                    
                    
                </li>
            
        </ul>
    </div>
</nav>

还有进口

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

用于引导程序5

也

---

视口代码

如果使用的是bootstrap V5.0，则不需要包含jQuery 正如您所写的，您使用的是引导版本5，我认为您使用的是引导版本5.0

第一个错误出现在

…

代码中

改变

• 数据切换

  至

  数据切换

• 数据目标

  至

  数据目标

您的

数据bs目标

应与

ul上方
div的
id
完全相同

用以下代码替换
…
代码



<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">