ASP.NET Core 1.0 中的下拉菜单答案

【问题标题】：Dropdownmenu in ASP.NET Core 1.0ASP.NET Core 1.0 中的下拉菜单
【发布时间】：2016-03-29 21:40:46
【问题描述】：

我知道关于在 ASP.Net 中创建下拉菜单有成千上万的答案，但我还没有找到任何为 Core 1.0 组成的答案。它很新，我希望你们中的任何人都可以帮助我解决我的问题。如何在 Core 1.0 中创建一个大的下拉菜单。我用这段代码试了一下：

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li> <a asp-controller="Home" asp-action="Index">Product</a></li>
                    <ul>
                       <li><a>Menu under Product</a></li>
                    </ul>
                    <li><a asp-controller="Home" asp-action="Contact">Contact</a></li>
                </ul>

但是 VS2015 说：元素 ul 不能在另一个元素 ul 下创建。

因此，如果您将光标放在产品站点上，我将无法隐藏和显示它。有人知道怎么解决吗？

最好的问候

CDRohling。

【问题讨论】：

ASP.NET Core 与它无关。您正在处理 HTML、CSS 和 JS，这并没有什么不同。此处唯一特定于 ASP.NET Core 的是 asp-* 属性，但这与您的实际问题无关。看起来您正在使用 Bootstrap 进行布局。你试过检查their documentation吗？
是的，你是对的，我正在使用那里的布局。检查那里的文档的好主意。谢谢你提供信息。这对我帮助很大。很抱歉问这个转储问题。
您可以尝试考虑使用其他菜单，例如 bootstrap、kendo 或其他一些组件，这将为您提供更多有关设置的文档，并且可能更易于实施。此外，这些不是错误，而是警告，对吗？没有理由不能在 UL 中加入 UL。你不会得到运行时异常。它只是将其突出显示为警告。
是的，你是对的，只有警告，没有错误。感谢您的帮助！那我试试剑道吧。
一般而言，对于 Bootstrap，您实际上希望您的产品 li 环绕 .dropdown-menu ul。

标签： css asp.net asp.net-core-1.0

【解决方案1】：

如上所述，我通过 Boostrap 的文档实现了我的目标。最后我添加了这个代码来解决我的问题：

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a asp-controller="Products" asp-action="Cloud">Cloud</a></li>                           
                        </ul>
                    </li>

希望有一天有人会需要这个。

最好的问候，CD Rohling

【讨论】：