问题描述
以下是我在dotnet core 3.1项目中输入的代码。
在某些示例中，我看到使用了navbar-collapse，但在此模板中找不到它。但是，在完整的html版本中，它似乎运行良好。我不太擅长CSS / jQuery。有人可以帮忙吗？
_Navigation.cshtml
<nav class="navbar-inverse navbar-static-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav metismenu" id="side-menu">
<li class="nav-header">
<div class="dropdown profile-element">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="block m-t-xs font-bold">XYZ</span>
<span class="text-muted text-xs block">System Administrator <b class="caret"></b></span>
</a>
<ul class="dropdown-menu animated fadeInRight m-t-xs" style="position: absolute; top: 91px; left: 0px; will-change: top,left;">
<li><a class="dropdown-item" href="#">logout</a></li>
</ul>
</div>
<div class="logo-element">
XYZ
</div>
</li>
<li class=@Html.IsSelected("Home")>
<a href="@Url.Action("Index","Home")"><i class="fa fa-dashboard"></i><span class="nav-label">Dashboard</span></a>
</li>
</ul>
</div>
</nav>
_TopNavBar.cshtml
<div class="row border-bottom">
<nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
</div>
<ul class="nav navbar-top-links navbar-right">
@if (User.Identity.IsAuthenticated)
{
<li style="padding:20px">
<span class="m-r-sm text-muted welcome-message">Welcome @User.Identity.Name</span>
</li>
}
else
{
<li style="padding:20px">
<span class="m-r-sm text-muted welcome-message">Welcome Guest</span>
</li>
}
<li>
@*<a asp-controller="Auth" asp-action="SignOut">
<i class="fa fa-sign-out"></i> Log out
</a>*@
<a href="/Identity/logout">
<i class="fa fa-sign-out"></i> Log out
</a>
</li>
</ul>
</nav>
</div>
_Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8" />
<Meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>XYZ</title>
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Add local styles,mostly for plugins css file -->
@if (IsSectionDefined("Styles"))
{@RenderSection("Styles",required: false)}
<environment names="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="~/css/animate.css" />
<link href="~/lib/dualListBox/bootstrap-duallistBox.min.css" rel="stylesheet" />
<link href="~/lib/dataTables/datatables.min.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
</environment>
<environment names="Staging,Production">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="~/css/animate.css" />
<link href="~/lib/dualListBox/bootstrap-duallistBox.min.css" rel="stylesheet" />
<link href="~/lib/dataTables/datatables.min.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
</environment>
</head>
<body>
<!-- Wrapper-->
<div id="wrapper">
<!-- Navigation -->
<partial name="_Navigation" />
<!-- Page wraper -->
<div id="page-wrapper" class="gray-bg @ViewBag.SpecialClass">
<!-- Top Navbar -->
<partial name="_TopNavbar" />
<!--Hierarchy Selector-->
@*<partial name="_HierarchyPartial" />*@
<!-- Main view -->
@RenderBody()
<!-- Footer -->
<partial name="_Footer" />
</div>
<!-- End page wrapper-->
</div>
<!-- End wrapper-->
<environment names="Production">
<script src="~/jquery-3.1.1.min.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/Popper/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/lib/metisMenu/dist/jquery.metisMenu.js"></script>
<script src="~/lib/slimscroll/jquery.slimscroll.js"></script>
<script src="~/lib/pace/pace.js"></script>
<script src="~/lib/dualListBox/jquery.bootstrap-duallistBox.js"></script>
<script src="~/js/plugins/dualListBox/jquery.bootstrap-duallistBox.js"></script>
<script src="~/datatables.min.js"></script>
<script src="~/js/plugins/dataTables/dataTables.bootstrap4.min.js"></script>
<!-- Only for demo purpose -->
<script src="~/js/skin.config.js"></script>
<script src="~/inspinia.js"></script>
<script src="~/js/script.js" asp-append-version="true"></script>
</environment>
<environment names="Staging,Development">
<script src="~/jquery-3.1.1.min.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/Popper/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/metisMenu/dist/jquery.metisMenu.js"></script>
<script src="~/lib/pace/pace.min.js"></script>
<script src="~/lib/dualListBox/jquery.bootstrap-duallistBox.js"></script>
<script src="~/js/plugins/dualListBox/jquery.bootstrap-duallistBox.js"></script>
<script src="~/lib/slimscroll/jquery.slimscroll.min.js"></script>
<script src="~/datatables.min.js"></script>
<script src="~/js/plugins/dataTables/dataTables.bootstrap4.min.js"></script>
<script src="~/inspinia.js"></script>
<script src="~/js/script.js" asp-append-version="true"></script>
</environment>
@RenderSection("scripts",required: false)
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）