Navbar折叠切换无法关闭(从bootstrap v4 beta切换到v4 alpha 6后)

时间:2017-09-04 21:32:51

标签: jquery html css twitter-bootstrap

所以我的导航栏工作得非常好,直到我切换到v4 alpha 6以获得使用alpha所具有的响应式实用程序的功能。

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

之前,您会看到导航栏中的所有菜单链接,直到您的窗口足够小,以便切换按钮替换菜单。

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

我已经尝试过检查,但我无法弄清楚我需要做什么。我尝试使用v4的文档从头开始创建导航栏,但它仍然是相同的。事实上我的导航栏基于v4。

任何想法该怎么做?

1 个答案:

答案 0 :(得分:1)

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

<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需要使用.navbar-toggleable- *包装.navbar   响应式折叠和配色方案类。