将Navbar设置为默认值

Question

我的导航栏目前默认关闭（导航栏仅在移动设备上显示）。

是否有一些css会默认导航栏打开？

我目前没有代码，因为我正在尝试编辑模板。我相信它是一个引导导航栏。

网站：yodega.com（在手机或小屏幕上）

谢谢！

Answer 1

默认情况下不支持：

  

https://github.com/twbs/bootstrap/issues/3944

简单而快速但不干净的解决方案：

您可以在页面渲染后模拟单击导航栏元素：

document.querySelector('button.navbar-toggle').click()

方法点击在链接中描述：

  

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

还有更好的解决方案，但需要更改源代码。

呈现页面时，您可以找到以下内容：

<div class="navbar-collapse navbar-top-collapse collapse" style="height: 0px;">

你可以简单地改变它：

<div class="navbar-collapse navbar-top-collapse in" style="height: auto;">

您的库可能会添加style="height: 0px;"，您应该覆盖此行为。