Asp.net core mvc 在ASP.Net核心部分视图中使用MaterializeCSS

Asp.net core mvc 在ASP.Net核心部分视图中使用MaterializeCSS,asp.net-core-mvc,asp.net-core-2.0,materialize,Asp.net Core Mvc,Asp.net Core 2.0,Materialize,我正在尝试用MaterializeCSS替换ASP.NETCore2.0MVC应用程序中的引导。我面临着导航栏的问题 _Layout.cshtml <nav> <div class="nav-wrapper"> <a asp-area="" asp-controller="Home" asp-action="Index" class="brand-logo">MyLogo</a> <ul id="nav

我正在尝试用MaterializeCSS替换ASP.NETCore2.0MVC应用程序中的引导。我面临着导航栏的问题

_Layout.cshtml

<nav>
    <div class="nav-wrapper">
        <a asp-area="" asp-controller="Home" asp-action="Index" class="brand-logo">MyLogo</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">                
            <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="Home" asp-action="Contact">Contact</a></li>
            <li><a asp-area="" asp-controller="Courses" asp-action="Index">Courses</a></li>
        </ul>
        @await Html.PartialAsync("_LoginPartial")
    </div>
</nav>


您看到了
浮动:右
的效果。为什么要添加另一个
?难道你不想在现有导航栏中添加新的子项吗?@Jasen谢谢你的评论。成功了!!但是仍然不是无处不在,因为
  • 标记不能添加到任何地方。例如,在表格下。有时,它需要它的父
      标记才能工作。
      <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a asp-area="" asp-controller="Account" asp-action="Register">Register</a></li>
          <li><a asp-area="" asp-controller="Account" asp-action="Login">Log in</a></li>
      </ul>