8

我正在尝试将 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

你能告诉我我在这里缺少什么吗？

4

3 回答 3

12

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

[type='radio'] {
display: none; 
}
于 2014-12-08T21:39:45.930 回答
4

检查您添加的 CSS 版本。相同的课程在这里btn-group工作正常

于 2013-09-10T09:19:59.717 回答
1

您对引导单选按钮的标记是错误的，您可以这样：

<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>

此外，您不能将输入元素放在按钮元素中。那是无效的html。

于 2013-09-10T09:20:05.360 回答