【问题标题】:Bootstrap 3 Menu doesn't collapse at medium sizeBootstrap 3 菜单在中等大小时不会折叠
【发布时间】:2013-10-02 19:24:55
【问题描述】:

我在使用高于移动设备尺寸的可折叠菜单时遇到问题。我希望该站点能够在移动设备和平板电脑的纵向视图中具有可折叠菜单,但是一旦将站点调整为大于移动设备(移动菜单仍然可见),菜单就会显示,但折叠功能不会工作。我显示了应该隐藏的项目,当我单击菜单按钮将其折叠时,它会再次弹出。我查看了Bootstrap 3 Menu is not collapsing on Ipad,但不确定这是否与我的问题有关,而且我无法确定它的正面或反面。

我正在开发的网站在这里:http://sculpturewalk.designangler.com/

任何建议都会很棒。我对响应式网页设计和 Bootstrap 还是很陌生。感谢您提前提供任何帮助。

【问题讨论】:

    标签: jquery css twitter-bootstrap menu tablet


    【解决方案1】:

    我看到你已经注释掉了.navbar-togglecss 用于桌面隐藏和使用响应式实用程序类。您刚刚使该切换按钮可见 - 您还必须扩展切换下拉菜单的样式。 FYA,我没有看到切换不起作用的任何问题。

    【讨论】:

    • 我刚刚修复了它。我现在正在处理填充问题。
    • 您真的没有切换功能问题了。你呢?
    【解决方案2】:

    在对 CSS 进行了相当多的编辑后,我解决了这个问题。它主要是弄清楚我需要为哪些媒体查询更改 css,我必须添加一些浮动规则并进行一些调整以使其正常工作。它根本不起作用的最大原因是它有一个规则 display:block; 用于大于 768px 的屏幕尺寸,删除它似乎可以解决问题。

    【讨论】:

    • 嘿phorden,对不起,你能告诉我你删除了哪个显示块吗?非常感谢
    • @alinem 我很想告诉你,但我已经很久没有这样做了,我不记得我在哪里做了改变。
    猜你喜欢
    • 2015-01-18
    • 2018-05-12
    • 2014-02-07
    • 2014-12-08
    • 1970-01-01
    • 2016-01-18
    • 1970-01-01
    • 2015-05-05
    • 1970-01-01
    相关资源
    最近更新 更多