c# - 为什么 twitter.bootstrap.mvc4 包示例应用程序中没有显示导航栏菜单项？

Question

我在 VS2012 中创建了一个空的 MVC4 Web 应用程序项目。然后我安装了http://www.nuget.org/packages/twitter.bootstrap.mvc4.sample/nuget包。但是，当我运行示例应用程序时，我在导航栏中看不到任何导航菜单项。我只能看到“应用程序名称”链接。其他项目（“自动脚手架”，嵌套的“示例布局”下拉导航菜单）被隐藏。

我是否需要以某种方式修改 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>

结果：