<!DOCTYPE html>
<html lang="zh-cn">
<!--重要说明：BootstrapBlazor UI库包含 Bootstrap 和 jQuery 等文件，各使用库应该统一引用，能避免版本问题和在各引用库保持一致 -->
<!--此处引用：意在使用VS智能感知(通过 "Better Razor CSS Class Intellisense" VS插件)-->
<head>
<meta charset="utf-8" />
<title>BootstrapBlazor 学习</title>
<!-- BootstrapBlazorStudy.Shared库中的 bootstrap5 样式 -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" />
<!-- BootstrapBlazorStudy.Shared库中的 图标库样式 -->
<link href="bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
<!-- 加载 Blazor组件相关联的样式文件,运行库能自动加载 -->
<link href="/_content/BootstrapBlazorStudy.Shared/BootstrapBlazorStudy.Shared.bundle.scp.css" rel="stylesheet" />
<!--<link href="BootstrapBlazorStudy.Shared.bundle.scp.css" rel="stylesheet" />-->
</head>
<body>
<div class="container">
<div class="card mt-3">
<div class="card-body">
<p>重要说明：BootstrapBlazor 库包含 Bootstrap 和 jQuery 等库文件，各引用库应该统一使用 BootstrapBlazor库中的 bootstrap 和 jQuery等文件，避免版本问题和方便统一更新等管理！</p>
<p>开发问题：由于 Visual Studio 对 html、css智能感知不完善，特别是引用PCL类库中CSS。为解决这一问题，可以使用VS插件 "Better Razor CSS Class Intellisense", 并使用使用项目本身的Bootstrap副本文件！</p>
<p>暂时找到些种解决方案，更好方案寻找中！(当然也可以使用vs code，那要来回切换，对Blazor的支持也不是全面、不太好！)</p>
</div>
</div>
</div>
<!--添加 BootstrapBlazorStudy.Shared库中的 bootstrap5 脚本-->
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>