c# - twitter.bootstrap.mvc4 パッケージのサンプル アプリケーションでナビゲーション バーのメニュー項目が表示されないのはなぜですか?

Question

VS2012 で空の MVC4 Web アプリケーション プロジェクトを作成しました。次に、http: //www.nuget.org/packages/twitter.bootstrap.mvc4.sample/ nuget パッケージをインストールしました。しかし、サンプル アプリケーションを実行すると、ナビゲーション メニュー項目がナビゲーション バーに表示されません。「アプリケーション名」リンクしか表示されません。他の項目 (「Automatic Sc​​affolding」、ネストされた「Example Layouts」ドロップダウン ナビゲーション メニュー) は非表示になっています。

これらの項目をサンプル アプリケーションに表示するには、cshtml または less ファイルを何らかの方法で変更する必要がありますか?

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>

結果：