Bootstrap4 单选按钮错误答案

【问题标题】：Bootstrap4 Radio Buttons BugBootstrap4 单选按钮错误
【发布时间】：2020-03-18 21:32:11
【问题描述】：

你好，我添加了一个模态表单来保留一个表格，但我在按钮中看到圆圈，从 229 到 241 的代码是模态的，无法从表单中删除圆圈，即文件链接的代码 https://github.com/ahmedabdo97/bootstrap4/blob/master/index.html错误截图https://github.com/ahmedabdo97/bootstrap4/blob/master/Error.png

                     <div class="form-group row col-12">
                                                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                                                        <label class="col-12 col-md-3 mr-auto col-form-label">Sections</label>
                                                        <div class=" col-12 ml-4">
                                                        <label class="btn btn-success active">
                                                          <input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
                                                         </label>
                                                        <label class="btn btn-danger">
                                                           <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
                                                         </label>
                                                        </div>
                                                      </div>
                                        </div>

【问题讨论】：

标签： twitter-bootstrap bootstrap-4 bootstrap-modal

【解决方案1】：

删除我在您的代码下面粘贴的代码。

<label class="btn btn-success active">
<input type="radio" name="non-smoking" id="non-smoking" autocomplete="off" checked> Non-Smoking
</label>
<label class="btn btn-danger">
 <input type="radio" name="smoking" id="smoking" autocomplete="off"> Smoking
   </label>

【讨论】：

【解决方案2】：

这是因为您已将无线电输入放在按钮内，即

<input type="radio" name="smoking" id="smoking" autocomplete="off">

只需删除这些即可处理圆圈（仅供参考，这些用于单选按钮（单选项选择输入字段值）。

【讨论】：