bootstrap 2.3.2 navbar内部元素在Chrome移动版首次崩溃后变得不可见 [英] bootstrap 2.3.2 navbar inside elements become invisible after first collapse only on Chrome mobile

问题描述

我有bootstraps navbar 2.3.2这个非常奇怪的问题。

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

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

navbar在桌面上运行良好。

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

这个问题只发生在chrome手机上。

第一次点击菜单时，并确定。

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

再次，这只在Chrome移动版上具有与我在URL中输入的示例完全相同的内容。

p>

这非常奇怪，我不想将我的网站移动到引导程序3中。

请帮助我必须是与CSS可以解决这个问题。

谢谢。

解决方案

我解决了这个问题：

在bootstrap-responsive.css中：

  @media（max-width：480px）{
 .nav-collapse {
 -webkit-transform：translate3d（0，0，0）; 
} 
。 
。 
。 
。 
} 
  

只需在max-width：480px内删除此规则即可。

：）

i have this very strange problem with bootstraps navbar 2.3.2.

this problems also happens on their official page:

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

the navbar works fine on desktops.

on mobiles on every web browser i checked every thing seems to work just fine.

the problem only occurs on chrome mobile.

on clicking the menu for the first time every thing is shown and OK.

when collapsing it back and then clicking again to see the menu suddenly the inside elements become invisible. if you will rotate your phone suddenly they will appear again.

again, this haapens only on chrome mobile exactly as it happens on the example i gave in the url.

this is very strange and i don't want to move my site to bootstrap 3.

please help me there has to be something with the css that could solve this.

thanks.

解决方案

I have fixed the issue:

inside bootstrap-responsive.css:

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

just delete this rule inside the max-width: 480px.

:)

这篇关于bootstrap 2.3.2 navbar内部元素在Chrome移动版首次崩溃后变得不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！