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

这是什么问题。

你包括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>

Bootstrap ASP.net MVC下拉菜单不可见

相关推荐