Bootstrap 5 侧边栏过渡不流畅
Bootstrap 5 sidebar with transition not fluid
我正在学习 BS5，但导航栏方面有问题。
我遵循了本教程和示例：https://www.codeply.com/p/LXYndDByBf
如您所见，单击“菜单”按钮时过渡是流畅的。
我在这里做了完全相同的（除了图标）：https://template-admin-dom.herokuapp.com/3
如您所见，过渡并不相同。然而，它是完全相同的代码。
你能检查代码吗？也许我需要更多的 js 脚本？ （但我不这么认为）
Bootstrap 的 5.0.2 版本存在问题。使用 5.1.3 版本，您的动画问题将得到解决。 JSFiddle
链接：
CSS: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
JS: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
编辑：原来的 Codeply link 似乎使用 5.1.0，所以我想这个问题已经在那个版本本身中解决了。
我正在学习 BS5，但导航栏方面有问题。
我遵循了本教程和示例：https://www.codeply.com/p/LXYndDByBf
如您所见，单击“菜单”按钮时过渡是流畅的。
我在这里做了完全相同的（除了图标）：https://template-admin-dom.herokuapp.com/3
如您所见，过渡并不相同。然而，它是完全相同的代码。
你能检查代码吗？也许我需要更多的 js 脚本？ （但我不这么认为）
Bootstrap 的 5.0.2 版本存在问题。使用 5.1.3 版本，您的动画问题将得到解决。 JSFiddle
链接：
CSS: <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
JS: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
编辑：原来的 Codeply link 似乎使用 5.1.0，所以我想这个问题已经在那个版本本身中解决了。