Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在visual studio 2013 mvc中,如何使用引导和html帮助程序在标题中创建下拉列表_Html_Css_Asp.net Mvc_Twitter Bootstrap - Fatal编程技术网

在visual studio 2013 mvc中,如何使用引导和html帮助程序在标题中创建下拉列表

在visual studio 2013 mvc中,如何使用引导和html帮助程序在标题中创建下拉列表,html,css,asp.net-mvc,twitter-bootstrap,Html,Css,Asp.net Mvc,Twitter Bootstrap,我的要求如下。 我有一个标题和以下链接:家,目的地,季节。 我希望目的地链接是一个下拉列表(包含链接景点和热门目的地)悬停。我知道如何使用html、css和bootstrap实现这一点,但由于我使用mvc,导航到控制器中的操作方法将是一个问题。 下面是我到目前为止得到的代码。不知道如何实现下拉列表。请帮忙 <div class="menu"> <div class="navbar-collapse collapse">

我的要求如下。 我有一个标题和以下链接:家,目的地,季节。 我希望目的地链接是一个下拉列表(包含链接景点和热门目的地)悬停。我知道如何使用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(“主页”、“索引”、“主页”)
    • @ActionLink(“活动”、“活动”、“主页”)
    • @ActionLink(“热门目的地”、“目的地”、“家”)
  • @ActionLink(“季节”、“季节”、“家”)
我希望链接“活动”和“热门目的地”在标题链接“目的地”的下拉列表中。请建议如何使用引导和html helper actionlink实现这一点。

您应该使用-

@Html.DropDownListFor(model => model.YourModelName, listItems, "-- Select Value--")
有关更多详细信息,请参阅:-

试试下面的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>

  • @Html.ActionLink(“主页”、“索引”、“主页”)
    • @ActionLink(“活动”、“活动”、“主页”)
    • @ActionLink(“热门目的地”、“目的地”、“家”)
  • @ActionLink(“季节”、“季节”、“家”)