Bootstrap ASP.net MVC下拉菜單不可見

這是生成網站菜單的局部視圖。Bootstrap ASP.net MVC下拉菜單不可見

<div class="nav-collapse collapse"> 
      <!-- .nav, .navbar-search, .navbar-form, etc --> 
      <ul class="nav" > 
       @foreach (var menu in Model) 
       { 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">@menu.DisplayName</a> 
         @foreach (var menuitem in menu.MenuItems) 
         { 
          <ul class="dropdown-menu" > 
           <li class="dropdown">@Html.ActionLink(menuitem.DisplayName, menuitem.ActionName, menuitem.ControllerName, new { tabindex = "-1" })</li> 
          </ul> 
         } 
        </li> 
       } 
      </ul> 
     </div>

的菜單可以是可見的和實際上是在HTML還創建下拉式菜單如下所示

<div class="navbar-inner"> 
    <div class="container"> 

     <div class="nav-collapse collapse"> 
      <!-- .nav, .navbar-search, .navbar-form, etc --> 
      <ul class="nav"> 
        <li class="dropdown open"> 
         <a data-toggle="dropdown" class="dropdown-toggle" href="#">Training</a> 
          <ul class="dropdown-menu"> 
           <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=18">Attendance Confirmation</a></li> 
          </ul> 
        </li> 
        <li class="dropdown"> 
         <a data-toggle="dropdown" class="dropdown-toggle" href="#">ePARCS</a> 
          <ul class="dropdown-menu"> 
           <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=12">Upload</a></li> 
          </ul> 
        </li> 
      </ul> 
     </div> 
    </div> 
</div>

在出放被示出爲波紋管在GUI

enter image description here

這是什麼問題。

來源

2013-06-25 Desmond

你包括Bootstrap js文件在你的頁面上？ –

是的，我已經包括它 – Desmond

確保您已在該頁面上包含bootstrap.js文件。
您的標記有點偏離。該<li>在下拉菜單中不應該有「下拉菜單」級

這裏是的jsfiddle - >http://jsfiddle.net/abrudtkuhl/GYSuY/

這裏有標記的作品，根據你的榜樣

<div class="navbar"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <div class="nav-collapse collapse"> 
       <ul class="nav"> 
        <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">Training</a> 

         <ul class="dropdown-menu"> 
          <li><a tabindex="-1" href="/TTS.UI/Menu?Length=18">Attendance Confirmation</a> 

          </li> 
         </ul> 
        </li> 
        <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">ePARCS</a> 

         <ul class="dropdown-menu"> 
          <li> <a tabindex="-1" href="/TTS.UI/Menu?Length=12">Upload</a> 

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

來源

2013-06-25 14:12:12

Bootstrap ASP.net MVC下拉菜單不可見

回答

相關問題