Bootstrap卡片子类（如card-title）样式不生效求助

我正在现有.NET6 Blazor WebAssembly项目中集成BlazorStrap，目前卡在Bootstrap样式生效的问题上——只有卡片的边框和阴影能正常显示，内部的标题、副标题、文本和链接都没有应用Bootstrap的样式。

我简化了测试代码，仅保留Bootstrap卡片示例：

<div class="card" style="width: 18rem;">
    <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <a href="#" class="card-link">Card link</a>
        <a href="#" class="card-link">Another link</a>
    </div>
</div>

当前效果：卡片仅有边框和阴影，内部元素无对应样式（如标题大小、文本颜色、链接样式等均未生效）
预期效果：完全匹配Bootstrap官方示例的卡片样式，包括标题层级、文本色调、链接样式等

排查方向及解决步骤 #

1. 检查Bootstrap CSS引入是否正确

   • 确认wwwroot/index.html中已正确添加Bootstrap的CSS引用，无论是CDN还是本地文件：

     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.x.x/dist/css/bootstrap.min.css" rel="stylesheet">
     

   • 若用本地文件，务必保证文件路径无误，且没有被其他资源拦截。

2. 排查样式覆盖问题

   • 打开浏览器开发者工具（F12），查看.card-title、.card-subtitle等元素的计算样式，确认是否有自定义CSS规则优先级高于Bootstrap样式。
   • 若存在冲突，可调整自定义样式的优先级，或把Bootstrap CSS的引用放在自定义样式文件之前。

3. 验证BlazorStrap与Bootstrap版本兼容性

   • BlazorStrap依赖特定版本的Bootstrap，比如v5版本的BlazorStrap需要搭配Bootstrap v5使用，确认两者版本匹配。
   • 暂时移除BlazorStrap相关引用，测试纯Bootstrap卡片是否正常，排除BlazorStrap的干扰。

4. 检查BlazorStrap的项目配置

   • 确认Program.cs中已注册BlazorStrap服务：

     builder.Services.AddBlazorStrap();
     

   • 确保_Imports.razor中引入了BlazorStrap命名空间：

     @using BlazorStrap
     

额外建议 #

可以先创建一个全新的.NET6 Blazor WASM项目，先单独引入Bootstrap测试卡片样式是否正常，再逐步集成BlazorStrap，通过对比差异定位问题根源。

内容的提问来源于stack exchange，提问作者Rob Henry