在 twitter bootstrap 中围绕输入控件包装标签答案

【问题标题】：Wrapping labels around input controls in twitter bootstrap在 twitter bootstrap 中围绕输入控件包装标签
【发布时间】：2013-06-05 11:31:52
【问题描述】：

我想在 twitter bootstrap 中使用 html 输入元素。我在左边有一个标签，在右边有一个输入元素。我几乎使用了引导文档中给出的示例。但我的问题是我没有每个输入元素的 ID，因此我无法指定标签的“for”值。

我在以前的项目中的解决方案是用标签包装输入元素，但是当我使用引导程序时，这会导致样式错误。

<div class="control-group">
    <label class="control-label">MyTitle: 
        <div class="controls">
            <input type="text" value="..." />
        </div>
    </label>
</div>

【问题讨论】：

标签： forms twitter-bootstrap label labels

【解决方案1】：

这对你有用吗？

<div class="control-group">
  <div class="controls">
    <label class="control-label">MyTitle:     
      <input type="text" value="..." />
    </label>
  </div>
</div>

【讨论】：

标签现在在我的输入元素上方，但它应该在左边。
它确实出现在输入的左侧。在此处查看第二个control-group 标记：bootply.com/63281
嗯，看起来我的问题是围绕我的控件的表单：bootply.com/63287 我使用 form-horizontal 来包裹我的整个表单，我的 form-horizontal 看起来就像我描述的那样。