html - Bootstrap Collapse 并不是崩溃

标签 html bootstrap-4

我正在尝试使用 Bootstrap 创建折叠,并且我还连接了“data-target”和“id”,这是navbarResponsive。我不确定这里出了什么问题。

这是我的代码:

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
            
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
                    <span class="navbar-toggler-icon"></span>
                </button>
            
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav mx-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="#home">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#about">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#service">Experience</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact</a>
                        </li>
                        
                    </ul>
                </div>
        </nav>

最佳答案

请确保您的 Jquery 和 bootstrap.js 文件与项目正确链接。

关于html - Bootstrap Collapse 并不是崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69806794/

相关文章:

javascript - 暂停 HTML5 视频以减轻资源负载?

html - 在引导卡中使用 Div 标签创建适当的 CSS 列

html - Bootstrap 列未获得自定义宽度

javascript - document.createElement() 用于 header 标签内的 h4 标签

php - 表单替换为文本区域不会给出不同的输出

css - 在带有 Webpacker 的 Rails 6 中使用 Bootstrap 图标

angular - 如何将动态 HTML 标签传递给引导模式?

css - Bootstrap 4 和 css 变换旋转

html - html5 标签 "Contenteditable"的 css 选择器

html - 菜单中的绝对和相对定位