javascript - 如何让 navbar-collapse 与动画汉堡一起使用?

标签 javascript jquery html css twitter-bootstrap

我有一个导航栏,它应该在移动设备上折叠成一个汉堡包图标。我让它全部工作,然后我向汉堡包按钮添加了额外的样式和动画,现在汉堡包按钮始终可见。它工作正常,但我需要它在正常桌面 View 中不可见。

https://github.com/thedonquixotic/UXReboot2

这是我托管内容的 github 页面的链接。相关文件是indexcopy.html

我希望我已经提供了足够的信息。我整天都在对此进行故障排除,似乎无法弄清楚我做错了什么。

最佳答案

真的很简单。 cmn-toggle 类覆盖了 Bootstrap 中 navbar-toggle 的默认媒体查询。所以我只是打开了我的 Bootstrap 文件并添加了一个 !important 到 mobile=not visible 设置的媒体查询。马上修复它!

关于javascript - 如何让 navbar-collapse 与动画汉堡一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30884816/

相关文章:

html - 我的 CSS 替换了按钮外的文本

javascript - 断言错误 [ERR_ASSERTION] : Missing where attribute in the options parameter. Sequelize findALL

c# - GET 有效,但从远程服务器上的 JQuery 调用 WCF 时 POST 失败

javascript - 通过 Ajax 传递表单值

javascript - 当我在完整日历中将鼠标悬停在弹出窗口上时,如何保持弹出窗口可见?

html - 在我的网站上实现恒定的页眉/页脚?

javascript - 未应用 Angular ui 路由器的状态

javascript - 将带/不带分隔符的输入数字转换为整数

javascript - 如何改进 MODE.MULT 的实现

javascript - Jquery 只显示当前的父子。隐藏其他家庭