You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
<!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>
|
