bootstrap 2.3.2导航栏内部元素在Chrome移动后首次崩溃后变为不可见

时间:2013-10-20 13:13:11

标签: twitter-bootstrap google-chrome twitter-bootstrap-2

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

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

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

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

在每个网络浏览器上的手机上我检查过每件事情似乎都运转正常。

问题只发生在Chrome mobile上。

第一次点击菜单时,每件事都显示好了。

当折叠它然后再次点击突然看到菜单时,内部元素变得不可见。如果你突然转动手机,它们会再次出现。

再一次,这只能在Chrome手机上使用,就像我在网址上给出的例子一样。

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

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

感谢。

1 个答案:

答案 0 :(得分:6)

我已经解决了这个问题:

在bootstrap-responsive.css中:

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

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

:)