如何在剃须刀页面应用程序中安装和引用引导版本5
如何在剃须刀页面应用程序中安装和引用引导版本5
提问于 2021-08-24 23:33:22
我怀疑这很简单，但我搜索了，没有发现和/或不理解。我正在开发一个Razor应用程序来学习web，我正在尝试在_Layout.cshtml中放置一个导航条，但是虽然它的默认声明很好，但是如果我将它更改为“navbar -反向”引导类，那么它就不能再工作了。我想，如果它可能是引导的版本，然后我安装了最新的(引导5)作为一个Nuget包。我现在需要的是如何在我的_Layout.cshtml文件中引用引导程序的新版本5 (
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - WebAppPersonas</title>
<link rel="stylesheet" href="~/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
<script src="~/lib/jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>
<script src="~/js/bootstrap.js"> </script>
@RenderSection("Head", false)
</head>
<body>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<header>
<nav class="navbar navbar-inverse">
<div class="container">
<a class="navbar-brand" asp-area="" asp-page="/Index">WebAppPersonas</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Privacy">Privacy</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
© 2021 - WebAppPersonas - <a asp-area="" asp-page="/Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>
预先谢谢你，巴勃罗
Stack Overflow用户
发布于 2022-06-03 19:54:16
如果右键单击项目并从上下文菜单中选择“添加”，则可以选择添加客户端库。
在那里，您可以选择提供者和库。安装后，它们将在项目的wwwroot目录中可用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68915143
复制相关文章
相似问题
腾讯云开发者
