Bootstrap 4收音机/复选框按钮显示收音机和复选框

Question

我正在使用Bootstrap 4并希望使用收音机和复选框按钮组，但按钮显示实际的收音机和复选框UI元素，如下所示：

上面的示例直接取自文档。我已经尝试删除并重新安装Bootstrap 4，删除site.css文件和open-iconic css都无济于事。我还没有找到描述这个问题的链接。我使用的是Chrome版本64.0xxxx和VS 2017 MVC5。

这是CSS和JS文件的加载顺序。

任何帮助都会非常受欢迎，因为我花了好几个小时试图追踪这个问题。

Answer 1

我使用的示例没有＆＃34; btn-group-toggle＆＃34;如下图所示。

    <div class="btn-group btn-group-toggle" data-toggle="buttons">
        <label class="btn btn-secondary active">
            <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
        </label>
        <label class="btn btn-secondary">
            <input type="radio" name="options" id="option2" autocomplete="off"> Radio
        </label>
        <label class="btn btn-secondary">
            <input type="radio" name="options" id="option3" autocomplete="off"> Radio
        </label>
    </div>