twitter bootstrap IE9，导航崩溃没有推其余的内容下降

我不知道这是一个问题，它下面的内容，或nav-collapse本身，但唯一的办法，我似乎可以复制这个问题在Firefox是通过更改float:leftfloat:none在下面的代码。基本上当我切换菜单下方的内容犯规得到IE9按下twitter bootstrap IE9，导航崩溃没有推其余的内容下降

.navbar .navbar-inner .nav-collapse.collapse 
    { 
    background: #6E2E8F; 
    border-radius: 5px 5px 5px 5px; 
    float: left; 
    height: 0px; 
    margin-bottom: 15px; 
    padding: 0; 
    width: 100%; 
} 

.navbar {overflow: visible;}

这里是输出HTML ...

<div class="navbar"> 
<div class="navbar-inner"> 
    <a data-target=".nav-collapse" data-toggle="collapse" class="brand visible-phone"> Categories</a> 
    <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </a> 
<div class="nav-collapse collapse"> 
    <ul class="nav"> 
    <li>***CONTENT***</li> 
    <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
    <span>Start Shopping 
    </span><span class="active_downarrow"></span></a> 
    <span class="sub-menu-response"> 
     <ul class="dropdown-menu" > ***CONTENT***  </ul> 
     <ul class="dropdown-menu" > ***CONTENT***  </ul> 
     <ul class="dropdown-menu" > ***CONTENT***  </ul> 
     <ul class="dropdown-menu" > ***CONTENT***  </ul> 
     <ul class="dropdown-menu" > ***CONTENT***  </ul> 
    </span> 
    </li> 
    <li> ***CONTENT*** </li> 
    <li> ***CONTENT*** </li> 
    <li>***CONTENT*** </li> 
    </ul> 
    </div> 
</div> 
</div>

这里是链接到网站... http://bc_mobile.hailstormcommerce.com/

来源

2013-02-28 Adrian

当网站足够小，可以激活折叠菜单时，它将显示在手机或平板电脑上，因此我猜测您正在调整桌面浏览器的大小以查看此问题，是否真的存在问题？ – 2013-02-28 10:53:44

我自己也在想同样的事情，但是我仍然不确定它的专业程度如何，尤其是如果您演示了响应功能并且用户使用的是Internet Explorer – Adrian 2013-02-28 11:20:17

某些Bootstrap示例此功能在我的手机上实际上不能正常工作。例如。当您打开折叠菜单时，巨型轮播示例不会下推内容。这是在我的Nexus 4. – 2013-02-28 11:27:00

你可以尝试添加该CSS类：

.nav-collapse.collapse.in { 
height: auto !important; 
}

因为当你放下-DO在导航中，引导程序给它一个固定的初始宽度。

来源

2013-03-11 23:16:52 numediaweb

这个工程，但它打破了动画 – 2013-07-26 09:49:55

twitter bootstrap IE9，导航崩溃没有推其余的内容下降

回答

相关问题