Bootstrap单选按钮:无线电圆圈移除

Question

我想在我的网站上使用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

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

Answer 1

如果 css 版本更新不起作用，另一种选择是使用 css 手动隐藏单选按钮

[type='radio'] {
display: none; 
}

Answer 2

检查您添加的 css 版本。同一个btn-group类在这里工作得很好