使用MaterializeCSS与ASP.Net核心部分视图

Question

我正在尝试用MaterializeCSS替换ASP.Net Core 2.0 MVC应用程序中的Bootstrap。我遇到了NavBar的问题。

_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>

_LoginPartial.cshtml

<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>

问题： “注册”和“登录”按钮位于“主页”，“关于”，“联系人”，“课程”的左侧。请参考下面的截图：