부트 스트랩 ASP.net MVC 드롭 다운 메뉴가 표시되지 않습니다.

Question

사이트의 메뉴를 생성하는 부분보기입니다. GUI에 노호 것으로 도시되어 넣어에서

<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> 

아래와 같이

<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로 작성되어있을 수

이 문제는 무엇입니까?

Answer 1

1. 해당 페이지에 bootstrap.js 파일을 포함 시켰는지 확인하십시오.
2. 마크 업이 약간 벗어났습니다. 당신의 드롭 다운 메뉴에서 <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>