Css Twitter引导-帮助内联或帮助阻止收音机/复选框

为收音机或复选框字段标记帮助内联或帮助块的正确方法是什么

这并不像我期望的那样显示：

<div class="control-group">
    <div class="controls">
            <label class="radio" for="foo">
                <input type="radio" name="foobar" value="foo" id="foo">
                Foo label
            </label>
            <span class="help-inline">Foo inline help</span>
    </div>
</div>

编辑1：

---

后续问题：如何标记第二个单选选项？包装在另一个div.controls中？

我们按如下方式实现它：

<div class="control-group">
   <label class="control-label" for="foo">Foo label</label>

   <div class="controls">
      <label class="checkbox">
         <input id="foo" name="foo" type="radio">
         Foo message
      </label>
   </div>
</div>

---

我们的实施情况如下：

<div class="control-group">
   <label class="control-label" for="foo">Foo label</label>

   <div class="controls">
      <label class="checkbox">
         <input id="foo" name="foo" type="radio">
         Foo message
      </label>
   </div>
</div>

见-帮助我：

<form class="form-horizontal">
    <div class="control-group">
        <label class="control-label" for="inputType">Type</label>
        <div class="controls">
            <input type="text" id="inputType" placeholder="Type">
        </div>
    </div>
    <div class="control-group">
        <span class="control-label">Metadata</span>
        <div class="controls form-inline">
            <label for="inputKey">Key</label>
            <input type="text" class="input-small" placeholder="Key" id="inputKey">
            <label for="inputValue">Value</label>
            <input type="password" class="input-small" placeholder="Value" id="inputValue">
        </div>
    </div>
</form>

请注意，我使用.forminline在.controls中获取propper样式。 您可以在JSFIDLE上测试它

请参阅-帮助我：

<form class="form-horizontal">
    <div class="control-group">
        <label class="control-label" for="inputType">Type</label>
        <div class="controls">
            <input type="text" id="inputType" placeholder="Type">
        </div>
    </div>
    <div class="control-group">
        <span class="control-label">Metadata</span>
        <div class="controls form-inline">
            <label for="inputKey">Key</label>
            <input type="text" class="input-small" placeholder="Key" id="inputKey">
            <label for="inputValue">Value</label>
            <input type="password" class="input-small" placeholder="Value" id="inputValue">
        </div>
    </div>
</form>

请注意，我使用.forminline在.controls中获取propper样式。

---

您可以在JSFIDLE上测试它，也可以编写您实际期望的内容。我不得不猜测您的期望，并提出以下解决方案：

<div class="control-group">
    <div class="controls">
        <label class="radio" for="foo">
            <input id="IsActivated" name="IsActivated" type="radio" value="true">
            Is Activated
            <span class="help-inline">Foo inline help</span>
       </label>
    </div>
</div>

---

如果能写下你真正的期望，那就太好了。我不得不猜测您的期望，并提出以下解决方案：

<div class="control-group">
    <div class="controls">
        <label class="radio" for="foo">
            <input id="IsActivated" name="IsActivated" type="radio" value="true">
            Is Activated
            <span class="help-inline">Foo inline help</span>
       </label>
    </div>
</div>

---

一个字段有两个标签？语义不正确，标记无效。一个字段有两个标签？它的语义不正确，标记无效。