Android 设备上的 GWT Bootstrap 响应式导航栏答案

【问题标题】：GWT Bootstrap Responsive NavBar on Android deviceAndroid 设备上的 GWT Bootstrap 响应式导航栏
【发布时间】：2013-11-09 15:39:23
【问题描述】：

我在 Android 设备上遇到 GWT Bootstrap Responsive NavBar 的问题，如下所述。

我正在使用 GWT Bootstrap（版本 2.2.1.0 和 2.3.2.0-SNAPSHOT）响应式 NavBar 开发应用程序。在我的 Android 设备上进行测试时，NavBar 中的菜单项已折叠。首先，点击菜单，这些菜单项显示在屏幕上。再次单击菜单以折叠它。可以正常使用。

但是，再次点击菜单时出现NO菜单项显示的问题。

我也尝试从我的 Android 设备打开 http://gwtbootstrap.github.io，它也有同样的问题。请参阅下面的屏幕截图。

- 首次点击的屏幕截图：

- 第三次点击的屏幕截图：

这个问题出现在我的 Nexus 4 设备上，我不确定它在你的 Android 设备上是否有效（或无效）。

我的问题是 GWT Bootstrap 错误还是 Twitter Bootstrap 错误？如何解决这个问题？

谢谢

【问题讨论】：

【解决方案1】：

我在使用 .less 文件的 Bootstrap v2.3.1 时遇到了同样的问题。我花了一段时间，但我意识到这个错误只发生在我的 Android 设备的纵向视图中。

我通过删除 .nav-collapse 类上的以下 CSS 行来修复它，在媒体查询 max-width:480px 中，在文件 responsive-767px-max.less 第 1064 行中：

-webkit-transform: translate3d(0, 0, 0);

【讨论】：