为什么 Bootstrap 面板在 Blazor 客户端中不起作用？

Question

我编译下面的代码以获得引导面板但没有成功

@page "/test"
<h3>test</h3>

<div class="panel panel-primary">
    <div class="panel-heading">Panel with panel-primary class</div>
    <div class="panel-body">Panel Content</div>
</div>

@code {

}

项目设置是

bootstrap.main.cs 是

wwwroot 文件夹如下所示

索引.html

Answer 1

Blazor 使用 Bootstrap 4，并被.panel 替换为.card

所以基本版本就变成了这样：

<div class="card text-primary">
    <div class="card-header">Panel with panel-primary class</div>
    <div class="card-body">Panel Content</div>
</div>