css - 输入旁边的 Bootstrap 标签

Question

我正在尝试使用 bootstrap 将输入字段的标签放在它旁边而不是上面。将它包装在 form-horizo​​ntal 中是可行的，但它实际上并不是一种形式(只是一个读取值的 ajax 调用)。有没有办法简单地将标签移动到输入的左侧？

    <div class="controls-row">
        <div class="control-group">
            <label class="control-label" for="my-number">ALabel</label>

            <div class="controls">
                <input id="my-number" type="number"/>
            </div>
        </div>
    </div>    

fiddle 在 http://jsfiddle.net/7VmR9/

Answer 1

是的，您可以通过 Bootstrap 列结构来做到这一点。

<div class="form-group">
  <label for="name" class="col-lg-4">Name:</label>
    <div class="col-lg-8">
      <input type="text" class="form-control" name="name" id="name">
    </div>
</div>

这是一个 Bootply Demo