我正在关注一本旧书 (2017) 所以代码已经过时了
我在将 bootstrap 连接到 _Layout.cshtml 时遇到问题
我认为问题出在 Bootstrap 链接
<link rel="stylesheet" asp-href-include="/lib/bootstrap/dist/**/*.min.css"
asp-href-exclude="**/*-reboot*,**/*-grid" />
因为不再有 wwwroot 文件夹。如何正确链接 Bootstrap ?
这是我的 _Layout.cshtml 代码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" asp-href-include="/lib/bootstrap/dist/**/*.min.css"
asp-href-exclude="**/*-reboot*,**/*-grid" />
<title>SportsStore</title>
</head>
<body>
<div class="navbar navbar-inverse bg-inverse" role="navigation">
<a class="navbar-brand"
href="#">SPORTS STORE</a>
</div>
<div class="row m-1 p-1">
<div id="categories" class="col-3">
Put something useful here later.
</div>
<div class="col-9">
@RenderBody()
</div>
</div>
</body>
</html>
这是我的解决方案资源管理器 image
这是我尝试使用 bootstrap 的 List.cshtml
@model ProductsListViewModel
@foreach (var p in Model.Products)
{
<div class="card card-outline-primary m-1 p-1">
<div class="bg-faded p-1">
<h4>
@p.Name
<span class="badge badge-pill badge-primary" style="float:right">
<small>@p.Price.ToString("")</small>
</span>
</h4>
</div>
<div class="card-text p-1">@p.Description</div>
</div>
}
<div page-model="@Model.PagingInfo" page-action="List" page-classes-enabled="true"
page-class="btn" page-class-normal="btn-secondary"
page-class-selected="btn-primary" class="btn-group pull-right m-1">
</div>
最佳答案
您可以使用 CDN 链接。
您应该链接
head 标签
中的css 库,并将脚本链接到body 标签
的最后。
<head>
.....
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
......
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
关于c# - 将 Bootstrap 连接到 ASP.NET _Layout.cshtml 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56857067/