jquery - 导航栏折叠切换不会关闭(从 bootstrap v4 beta 切换到 v4 alpha 6 后)

Question

因此，在我切换到 v4 alpha 6 以使用 alpha 具有的响应式实用程序之前，我的导航栏工作得很好。

页面:https://kianrafiee.github.io/unity/

以前，您会在导航栏中看到所有菜单链接，直到您的窗口小到足以让切换按钮替换菜单为止。

现在，在我开始使用 v4 alpha 6 后，它只有永久切换按钮，没有其他菜单项。

我试过检查，但我不知道我需要做什么。我尝试使用 v4 的文档从头开始导航栏，但它仍然相同。事实上，我的导航栏无论如何都是基于 v4 的。

有什么想法吗？

Answer 1

您的 nav 元素上缺少 navbar-toggleable-*。

<nav style="background-color: #e3f2fd;" class="navbar navbar-toggleable navbar-expand-md navbar-light fixed-top">

您可以在此处查看 Bootstrap 文档中的正确示例:

https://v4-alpha.getbootstrap.com/components/navbar/

Navbars require a wrapping .navbar with .navbar-toggleable-* for responsive collapsing and color scheme classes.