引導菜單切換第一次點擊無法正常工作

Question

即時通訊使用bootstrap-collapse.js v2.3.0，但由於某種原因，第一次點擊菜單剛剛出現，並沒有下滑。 我也注意到高度不說auto，它表示205px。我沒有將菜單設置爲CSS中任何位置的高度。 第一次點擊後，當我切換到關閉狀態時，一切看起來都很完美，高度在0和自動之間切換，並且有一個平滑過渡，而不是立即出現。

林不能確定對包括哪些代碼，因爲它似乎是引導撥動這就是問題所在，但是 這裏是HTML ... 我刪除的代碼irrelivent位..

<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"> 
    <ul class="nav"> 
     <li> //more code </li> 

     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">//more code<<b class="caret"></b></a> 



     <ul class="dropdown-menu" > 

      <li>//code</li> 
       <ul> 

         <li>//code</li> 

       </ul> 

     </ul> 

    </li> 

    <li>//code</li> 

但這裏是一個鏈接到網站...

http://bc_mobile.hailstormcommerce.com/

Answer 1

PLZ檢查這個的jsfiddle JSfiddle for you with navigation

<div class="navbar"> 
<div class="navbar-inner"> 
<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar"> 
    <i class="icon-bar"></i> 
    </a> 

    <a class="brand" href="">New Icon Menu</a> 

    <div class="nav-collapse"> 
     <ul class="nav nav-pills pull-right"> 
      <li><a href=""><i class="icon-home icon-2x"></i> Home<br></a> 

      </li> 
      <li><a href=""><i class=" icon-pencil icon-2x"></i>About Us</a> 

      </li> 
      <li><a href=""><i class=" icon-briefcase icon-2x"></i>Portfolio</a> 

      </li> 
      <li><a href=""><i class=" icon-envelope icon-2x"></i>Contact Us</a> 

      </li> 
     </ul> 
    </div> 
</div>