Android设备上的GWT Bootstrap Responsive NavBar

时间:2013-11-09 15:39:23

标签: android twitter-bootstrap gwt responsive-design gwt-bootstrap

我在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,它也有同样的问题。请参见下面的屏幕截图。

- 第一次点击的屏幕截图:

Screenshot for the first click

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

Screenshot for the third click

此问题出现在我的Nexus 4设备上,我不确定它在您的Android设备上是否有效(或无效)。

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

由于

1 个答案:

答案 0 :(得分:2)

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

我通过删除文件.nav-collapse行1064中媒体查询max-width:480px的{​​{1}}类上的以下CSS行来修复它:

responsive-767px-max.less