twitter.bootstrap.mvc4 패키지 샘플 응용 프로그램에 탐색 모음 메뉴 항목이 표시되지 않는 이유는 무엇입니까?

Question

VS2012에서 빈 MVC4 웹 응용 프로그램 프로젝트를 만들었습니다. 그런 다음 http://www.nuget.org/packages/twitter.bootstrap.mvc4.sample/ 누 겟 패키지를 설치했습니다. 그러나 샘플 애플리케이션을 실행할 때 탐색 바의 탐색 메뉴 항목을 볼 수 없습니다. '애플리케이션 이름'링크 만 볼 수 있습니다. 다른 항목 ("자동 스캐 폴딩", 중첩 된 "예제 레이아웃"드롭 다운 탐색 메뉴)은 숨겨져 있습니다.

내가 이러한 항목 샘플 응용 프로그램에 표시 갈 수있는 몇 가지 방법으로 cshtml 이하의 파일을 수정해야합니까?

Answer 1

_BootstrapLayout.basic.cshtml 파일에서 cshtml 마크 업을 수정하여 탐색 모음 항목이 올바르게 표시되도록했습니다. http://getbootstrap.com/examples/navbar-fixed-top/의 고정식 상단 네비게이션 예를 가이드로 사용했습니다.

원본 (작동하지 않음) 코드 :

<div class="navbar navbar-default navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="#" title="change in _bootstrapLayout.basic.cshtml">Application Name</a> 
       <div class="nav-collapse collapse"> 
        <ul class="nav"> 
         @Html.Navigation() 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

뉴 (작업) 코드 :

<div class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Project name</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     @Html.Navigation() 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</div> 

결과 :