输入旁边的bootstrap标签

Question

我正在尝试将输入字段的标签放在它旁边,而不是使用bootstrap在它上面.将其包含在form-horizontal工作中,但它实际上并不是一种形式(只是读取值的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>    

小提琴是在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 演示

Answer 2

的div是一个block元件，该装置将采取尽可能多的宽度，因为它可以与所述input元件处于它。

如果你想label成为未来的input元素：要么放label的div，或使div一个inline-block元素。