极发无线电输入不响应Bootstrap类

Question

将Bootstrap类添加到Blazor InputRadiogroup之后，无线电选项不再是交互式。他们在单击时不响应。当我打开表单时，它们将设置为当前值，但不能更改。直到我添加Bootstrap 4.0 custom-control类后，这才发生。

没有任何课程，无线电按钮可以工作：

<InputRadioGroup 
    TValue="Guid?"
    Value="guidVal"
    ValueChanged="e => 
    {
        guidVal = e;
    }"
    ValueExpression="() => guidVal">
    <div>
        <InputRadio Value="GUID_CONST_1" />
        <label>First</label>
    </div>
    <div>
        <InputRadio Value="GUID_CONST_2" />
        <label>Second</label>
    </div>
    <div>
        <InputRadio Value="GUID_CONST_3" />
        <label>Third</label>
    </div>
</InputRadioGroup>

当我添加课程时，它们停止响应：

<InputRadioGroup 
    TValue="Guid?"
    Value="guidVal"
    ValueChanged="e => 
    {
        guidVal = e;
    }"
    ValueExpression="() => guidVal">
    <div class="custom-control custom-radio custom-control-inline">
        <InputRadio class="custom-control-input" Value="GUID_CONST_1" />
        <label class="custom-control-label">First</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline">
        <InputRadio class="custom-control-input" Value="GUID_CONST_1" />
        <label class="custom-control-label">Second</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline">
        <InputRadio class="custom-control-input" Value="GUID_CONST_1" />
        <label class="custom-control-label">Third</label>
    </div>
</InputRadioGroup>

想知道是什么原因造成的。我在使用控件时看到浏览器控制台中没有错误或VS2022中的调试输出。