Razor 引导Collpase切换（或不折叠）不起作用

下面是我第一次尝试构建一个带有Boostrap的Razor页面。当第一次打开页面时，表单被折叠。当用户单击“重新访问报价单”按钮时，表单将展开。我完全按照Bootstrap网站上的文档进行操作，但不知道如何使用切换。我错过了什么

@page "/"

<div>
<label>What would you like to do?</label>
<div>
<button class="btn btn-primary"
        type="button">
  Create a new quote
</button>
</div>
<div>
<button class="btn btn-primary"
        type="button"
        data-toggle="collapse"
        data-target="#quotesearchForm"
        aria-expanded="false"
        aria-controls="quotesearchForm">
  Revisit a quote
</button>
<div class="collapse" id="quotesearchForm">
  <form>
  <input /><div class="dropdown" /><button></button>
</form>
</div>
</div>

</div>

@page/“
你想做什么？
创建新报价单
重温报价

谜团已经解开……开箱即用的Blazor只具有自举的基本结构，没有javascript部分。Blazor希望您使用其代码来消除javascript的使用。Blazor通过使用其信号技术通过有线传输非常少量的数据来实现这一点。Tim Corey在YouTube上有一段视频