Asp.net-Mvc

MVC 中的 Bootstrap 下拉導航

  • May 6, 2014

我有以下關於MVC使用引導程序的導航,如何將儲存菜單連結(第二個li)作為下拉菜單包含添加和查看連結而不刪除@ActionLink

<div class="navbar navbar-inverse navbar-fixed-top">
   <div class="navbar-inner">
       <div class="container">
           <button type="button" 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>
           </button>
           <a class="brand" href="/Home/Home">News Library</a>
           <div class="nav-collapse collapse">
               <ul class="nav">
                   <li class="@ActiveLink("Home", "Home", null)">@Html.ActionLink("Home", "Home", "Home")</li>
                   <li class="@ActiveLink("About", "Home", null)">@Html.ActionLink("Storage", "Add", "Storage")</li>
                   <li class="@ActiveLink("Contact", "Home", null)">@Html.ActionLink("Activites", "Add", "Activites")</li>
                   <li class="@ActiveLink("Contact", "Home", null)">@Html.ActionLink("Search", "Index", "Search")</li>
               </ul>
               <ul class="nav pull-right">
                   <li>@Html.ActionLink("[Log Out]", "Logout", "Home")</li>
               </ul>                
           </div>
       </div>
   </div>
</div>
<li class="@ActiveLink("Home", "Home", null) dropdown">
   <a class="dropdown-toggle" data-toggle="dropdown" href="#">
       Storage
       <span class="caret"></span>
   </a>
   <ul class="dropdown-menu" role="menu">
       <li>@Html.ActionLink("Storage", "Add", "Storage")</li>
       <li>@Html.ActionLink("Storage", "View", "Storage")</li>
   </ul>
</li>

有關更多資訊,請參閱引導站點

引用自:https://stackoverflow.com/questions/23363584