【点击导航栏不能下拉菜单 _响应式】

点击导航栏不能下拉菜单

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

响应式

详细描述

截图

代码

  <nav class=" col-4 navbar navbar-expand-md navbar-dark ">

                    <button class="navbar-toggler but-1" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- 要创建折叠导航栏，可以在按钮上添加 class="navbar-toggler", data-toggle="collapse" 与 data-target="#thetarget" 类。
                        然后在设置了 class="collapse navbar-collapse" 类的 div 上包裹导航内容（链接）, div 元素上的 id 匹配按钮 data-target 的上指定的 id: -->
                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link  font" href="#">首页</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link font" href="#">职业</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link font" href="#">推荐</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link font" href="#">关于</a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </span>
        </div>

编辑于2024-11-15