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>