javascript - Bootstrap 4 单选/复选框按钮显示单选和复选框

Question

我正在使用 Bootstrap 4 并想使用单选按钮和复选框按钮组，但按钮显示的是实际的单选按钮和复选框 UI 元素，如下所示:

上面的例子直接摘自文档。我试过删除并重新安装 Bootstrap 4，删除 site.css 文件和 open-iconic css 都无济于事。我找不到任何描述此问题的链接。我使用的是 Chrome 版本 64.0xxxx 和 VS 2017 MVC5。

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

任何帮助将不胜感激，因为我花了几个小时试图追踪这个问题。

Answer 1

我使用的示例没有如下所示的“btn-group-toggle”。

    <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>