<p>我在尝试使用<code>Bootstrap 5</code>创建响应式菜单或下拉按钮时遇到了一个问题。一切似乎都没问题。导航图标和下拉图标都显示出来了。但是它们不起作用。当我点击<code>nav</code>图标或<code>dropdown</code>按钮时，没有出现<code>dropdown菜单</code>。</p> <p>我想特别提到的是，我还包含了<code>jquery</code>文件。但它没有起作用。有人可以告诉我这里发生了什么吗？</p> <p>最后一件事，我在使用其他一些<code>bootstrap</code>类（如<code>mr-auto</code>，<code>ml-auto</code>等）时遇到了严重的问题。这是一个bug还是<code>bootstrap 5</code>引入了新的类来完成这种工作？</p> <p><strong>以下是我的代码：</strong></p> <p><br /></p> <pre class="brush:html;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &lt;title&gt;Bootstrap&lt;/title&gt; &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" /&gt; &lt;/head&gt; &lt;body&gt; &lt;nav class="navbar navbar-dark bg-dark navbar-expand-md"&gt; &lt;a href="#" class="navbar-brand"&gt;DemoTech&lt;/a&gt; &lt;button class="navbar-toggler" data-toggle="collapse" data-target="#navbar" &gt; &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt; &lt;/button&gt; &lt;div class="navbar-collapse collapse" id="navbar" navbar&gt; &lt;ul class="navbar-nav"&gt; &lt;li class="nav-item"&gt;&lt;a href="#" class="nav-link"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li class="nav-item"&gt;&lt;a href="#" class="nav-link"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;li class="nav-item"&gt;&lt;a href="#" class="nav-link"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/nav&gt; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous" &gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p><br /></p>

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>