1

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

我正在处理的网站在这里：http ://sculpturewalk.designangler.com/

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

4

2 回答 2

0

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

于 2013-10-02T20:50:21.430 回答
0

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

于 2013-10-02T20:06:41.367 回答