Bootstrap 5侧边栏的过渡不流畅

Bootstrap 5 sidebar with transition not fluid


问题

我正在学习BS5,我在导航条方面有一个问题。

我按照这个教程和例子: https://www.codeply.com/p/LXYndDByBf

你可以看到,当点击 "菜单 "按钮时,过渡是流畅的。

我在这里做了完全相同的工作(除了图标): https://template-admin-dom.herokuapp.com/3

而且你可以看到,过渡是不一样的。然而,它的代码是完全相同的。

你能检查一下这些代码吗?也许我需要更多的js脚本?(但我不这么认为)

答案1

这是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链接似乎使用的是5.1.0,所以我想这个问题在那个版本中就已经解决了。

谢谢你,Siddharth,我做了修正,现在可以用了!
很好,不客气。:)
相同问题还可以参考: Bootstrap 5 sidebar with transition not fluid