html – Bootstrap单选按钮：无线电圆圈移除

发布时间：2020-12-14 23:22:47 所属栏目：资源来源：网络整理

导读：我想在我的网站上使用Bootstrap.我有单选按钮,我试图使用bootstrap中的“按钮”. td style="margin-bottom:0px; padding-bottom: 0px;font-size=12px;vertical-align:bottom;" div class="btn-group" data-toggle="buttons" id="topButtonDiv" button type="

我想在我的网站上使用Bootstrap.我有单选按钮,我试图使用bootstrap中的“按钮”.

<td style="margin-bottom:0px; padding-bottom: 0px;font-size=12px;vertical-align:bottom;">
    <div class="btn-group" data-toggle="buttons" id="topButtonDiv" >
        <button type="button" class="btn btn-primary">Home
        <input type="radio" id="radio1" ></button>
        <button type="button" class="btn btn-primary">Home1
        <input type="radio" id="radio2" > </button>
        <button type="button" class="btn btn-primary">Home2
        <input  type="radio" id="radio7"> </button>                
     </div>
</td>

我面临的问题是,我仍然看到单选按钮中的圆圈,在Bootstrap示例中,我看到没有这样的圆圈存在.

http://getbootstrap.com/javascript/#buttons-usage

你能让我知道我在这里缺少什么吗？

解决方法

检查您添加的css版本.同样的btn-group类工作正常 here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!