twitter-bootstrap - bootstrap 2.3.2 导航栏内的元素在仅在 Chrome 移动设备上首次折叠后变得不可见

Question

我在 bootstraps navbar 2.3.2 中遇到了这个非常奇怪的问题。

这个问题也发生在他们的官方页面上:

http://getbootstrap.com/2.3.2/examples/starter-template.html

导航栏在桌面上运行良好。

在每个网络浏览器上的手机上，我检查了每件事似乎都工作得很好。

该问题仅发生在 chrome mobile 上。

第一次单击菜单时，所有内容都会显示并确定。

当将其折叠回来然后再次单击以查看菜单时，内部元素突然变得不可见。如果您突然旋转手机，它们会再次出现。

同样，这仅在 chrome mobile 上发生，就像我在 url 中给出的示例一样。

这很奇怪，我不想将我的网站移动到 bootstrap 3。

请帮助我，CSS必须有一些可以解决这个问题的东西。

谢谢。

Answer 1

我已经解决了这个问题:

在 bootstrap-responsive.css 中:

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
.
.
.
.
}

只需在 max-width: 480px 内删除此规则。

:)