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，導航崩潰沒有推其餘的內容下降

回答

相關問題