BootstrapBlazorStudy/BootstrapBlazorStudy.Shared/wwwroot/test.html

<!DOCTYPE html>
<html lang="zh-cn">
<!--重要说明：BootstrapBlazor UI库包含 Bootstrap 和 jQuery 等文件，各使用库应该统一引用，能避免版本问题和在各引用库保持一致 -->
<!--此处引用：意在使用VS智能感知(通过 "Better Razor CSS Class Intellisense" VS插件)-->
<head>
    <meta charset="utf-8" />
    <title>测试</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>
    <div class="card">
        <div class="card-body">
            主体文字
        </div>
    </div>
     <!--添加 BootstrapBlazorStudy.Shared库中的 bootstrap5 脚本-->
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script>
        console.log("========= 测试日志 =========");
    </script>
</body>

</html>