ビジュアルスタジオ2013 mvcでは、ブートストラップとhtmlヘルパーを使用してヘッダにドロップダウンリストを表示する方法

Question

私の要件は以下の通りです。 私は、ホーム、目的地、シーズンのリンクを持つヘッダーを持っています。 宛先リンクを、ホバー上のドロップダウンリスト（アトラクションと人気のあるリンク先を含む）にしたいとします。私はhtml、css、bootstrapを使ってこれを実装する方法を知っていますが、mvcを使用しているので、コントローラ内のアクションメソッドにナビゲートすることは問題になります。 これまでに得られたコードは以下の通りです。ドロップダウンリストの実装方法が分かりません。助けてください！

<div class="menu"> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> 

        <li> 

         <ul class="dropdown-menu" aria-labelledby="dropdownmenu1"> 
          <li>@Html.ActionLink("Activities", "Activities", "Home")</li> 
          <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li> 
         </ul> 
        </li> 
       <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li> 
      </ul> 
      </div> 
     </div> 

リンク 'アクティビティ'と '人気のある目的地'は、リンク '宛先'のヘッダーリンクのドロップダウンリストに表示します。ブートストラップとhtmlヘルパーactionlinkを使ってこれを達成する方法をアドバイスしてください。

Answer 1

あなたは詳細について

@Html.DropDownListFor(model => model.YourModelName, listItems, "-- Select Value--") 

をuse-する必要があり、参照してください： - DropDownList in MVC 4 with Razor

Answer 2

はhtmlの下にこれを試してみてください

<div class="menu"> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 
        Destinations 
        <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu"> 
        <li>@Html.ActionLink("Activities", "Activities", "Home")</li> 
        <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li> 
       </ul> 
      </li> 
      <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li> 
     </ul> 
    </div> 
</div>