我的 bootstrap 导航栏在 移动视图 中切换得太快。我希望它切换，即在单击汉堡切换按钮时显示和隐藏链接。最初我认为这是由于身体或我的 div 的边缘，但我的问题仍然存在。我无法弄清楚是什么导致了这个问题。有没有办法使用引导程序来实现这一点。是某些样式（边距等）导致此问题，还是必须使用自定义 javascript 函数来使用按钮单击事件切换链接？ 谢谢。
【问题讨论】：
标签： javascript jquery css twitter-bootstrap navbar
你使用的bootstrap CSS版本是ver4.3.1，但是你使用的bootstrap JS是ver3.3.7。将 JS 更新到兼容版本，它将按预期工作。您应该将 CSS 脚本路径放在 JS 脚本路径之前。
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> </script> -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
仅供参考，最新版本的引导程序是ver4.5.0。您可以更新到以下版本。
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
【讨论】：