下拉导航栏 [英] Pull down navigation bar

问题描述

目前我正在使用ASP.NET和Visual Studio中的默认MVC项目进行一些实验。

在此页面上，我们有一个带有home，articles等的导航栏上。如果我点击文章，下拉菜单就会出现，我可以选择一个子类别。



所以目前我在_Layout.cshtml中定义了这个：

Currently i'm experimenting a little bit with ASP.NET and the default MVC Project in Visual Studio.
On this page we have a navigation bar with "home", "articles" and so on. If i'm clicking on "articles" a pull down menue comes and i can choose a subcategory.

So currently i have this defined in _Layout.cshtml:

<nav class="navbar navbar-inverse 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="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">SaigkillsBacktrace</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">                    
                    <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
                    <li><a asp-area="" asp-controller="Projects" asp-action="Index">Projects</a></li>
                    <li><a asp-area="" asp-controller="Projects" asp-action="Hoe_Manns">hoe-manns</a></li>
                </ul>
            </div>
        </div>
    </nav>

现在我想在项目下列出锄头。< br $> b $ b

我该怎么办？



我尝试过的事情： < br $>

Now i would like to have "hoe-manns" listed under "Projects".

How can i do this?

What I have tried:

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <!-- <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li> -->
                    <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
                    <li><a asp-area="" asp-controller="Projects" asp-action="Index">Projects</a>
                        <ul>
                            <li><a asp-area="" asp-controller="Projects" asp-action="Hoe_Manns">hoe-manns</a></li>
                        </ul>
                    </li>
                    
                </ul>
            </div>

推荐答案

我认为HTML标记缺少一些CSS类。见下文

I think the HTML markup is missing some CSS class. See below

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">                    
                    <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
                     <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" asp-controller="Projects" asp-action="Index">Projects <span class="caret"></span></a>
                      <ul class="dropdown-menu">
                        <li><a asp-area="" asp-controller="Projects" asp-action="Hoe_Manns">hoe-manns</a></li>
                      </ul>
                    </li>
                </ul>
            </div>

Tryit Editor v3.5 [ ^ ]

这篇关于下拉导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！