Razor 引导Collpase切换(或不折叠)不起作用

Razor 引导Collpase切换(或不折叠)不起作用,razor,.net-core,bootstrap-4,Razor,.net Core,Bootstrap 4,下面是我第一次尝试构建一个带有Boostrap的Razor页面。当第一次打开页面时,表单被折叠。当用户单击“重新访问报价单”按钮时,表单将展开。我完全按照Bootstrap网站上的文档进行操作,但不知道如何使用切换。我错过了什么 @page "/" <div> <label>What would you like to do?</label> <div> <button class="btn btn-prima

下面是我第一次尝试构建一个带有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上有一段视频