css - ASP.NET Core 1.0 中的下拉菜单

Question

我知道关于在 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.

Answer 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