css - Twitter Bootstrap：如何为收音机和复选框添加标签？

Question

是否有一种引入无线电和复选框选项的 TB 方式？例如：

Foo 选项介绍：

• 富一
• 富二

基本上，类似于<label>的角色<input>等。以下是 2 个单选选项的代码，但没有“标签”：

<div class="control-group">
    <div class="controls">
        <label class="radio" for="foo_foo1">
            <input type="radio" name="foo" value="foo1" id="foo_foo1">
            Foo One
        </label>
        <label class="radio" for="foo_foo2">
            <input type="radio" name="foo" value="foo2" id="foo_foo2">
            Foo Two
        </label>        
    </div>
</div>

首选结核病解决方案。

Answer 1

从 Bootstrap 3 开始，您必须在标签上使用checkbox-inline 和 radio-inline类。

<label class="checkbox-inline">
    <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="radio-inline">
    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>

Answer 2

我认为您只想在单选按钮上方有一个标签。像这样：

<div class="control-group">
    <label for="foo_controls">Foo Options Introduction:</label>
    <div id="foo_controls" class="controls">
        <label class="radio">
            <input type="radio" name="foo" value="foo1" id="foo_foo1">
            Foo One
        </label>
        <label class="radio">
            <input type="radio" name="foo" value="foo2" id="foo_foo2">
            Foo Two
        </label>
    </div>
</div>

Answer 3

a<fieldset>和 a<legend>怎么样？

就像这里的第一个例子一样：http: //twitter.github.com/bootstrap/base-css.html#forms

还是信息警报？ http://twitter.github.com/bootstrap/components.html#alerts