Javascript 导航栏下拉菜单在引导程序5中不起作用

当我试图用

bootstrap5

创建一个响应菜单或下拉按钮时，我遇到了一个问题。一切似乎都正常。导航图标和下拉图标显示。但它不工作。当我单击

nav

图标或

下拉按钮时，没有
下拉菜单显示

我想特别提到的是，我还包括了
jquery
文件。但它不起作用。谁能告诉我这里发生了什么事

最后一件事，我遇到了一些其他
bootstrap
类的问题，如
mr auto
，
ml auto
等。对于这种工作，
bootstrap 5
是否有任何bug或新类

这是我的代码：



独自创立






你好，世界！








带有内联元素的导航栏文本
引导4中使用的
数据-*
属性已替换为引导5中的
数据bs-*

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




现在，所有JavaScript插件的数据属性都已命名，以帮助区分引导功能与第三方和您自己的代码。这意味着任何javascript组件（折叠、旋转木马、下拉列表、选项卡、模式等）只能使用
databs-…
属性工作

Bootstrap 5是一个主要的更新。另外，
ml auto
/
mr auto
已更改为
ms auto
/
me auto
尝试此选项，并根据需要进行编辑。最初的问题是关于Bootstrap v5，您使用4.3.1的示例可以尝试使用navbar Bootstrap 5.0示例并阅读迁移文档吗，接受答案，让其他人知道问题已经解决。。。这应该是公认的答案。官方文档（beta版）目前给出了一个错误的示例，它没有名称空间
数据
属性。实际上，官方文档确实正确（当然）。我被devdocs.io绊倒了，在那里我启用了BS4文档而不是BS5文档，所以要小心。
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>