为什么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文件夹看起来像这样

Index.html

Answer 1

Blazor使用Bootstrap 4，.panel的{​​{1}} was replaced

因此基本版本变为：

.card

Answer 2

添加到Index.html标题部分

<link href="Bootstrap/bootstrap.mini.css" rel="stylesheet" />