html - Bootstrap 内联显示表单标签

Question

我想在 Twitter Bootstrap 中显示 2 个表单标签。

表单输入显示内联很好，因为它们的 input-large 类。如何在我的标签上实现相同的行为？我希望标签以内嵌方式显示在相应输入字段的顶部。

这是我的 HTML:

<div class="control-group">
      <label class="control-label" for="likedcolors">Kleuren die u wel aanspreken*:</label>
      <label class="control-label" for="dislikedcolors">Kleuren die u niet aanspreken*:</label>
      <div class="controls">
        <input type="text" class="input-large" name="likedcolors" id="likedcolors">
        <input type="text" class="input-large" name="dislikedcolors" id="dislikedcolors">
      </div>
</div>

@Lykos，你的回答标签看起来像这样:

理想情况下，标签应如下所示:

Answer 1

类似的东西？

<form>
    <div class="row">
        <div class="span6">
            <label class="control-label" for="likedcolors">Kleuren die u wel aanspreken*:</label>
            <div class="controls">
                <input type="text" class="input-large" name="likedcolors" id="likedcolors"/>
            </div>
        </div>
        <div class="span6">
            <label class="control-label" for="dislikedcolors">Kleuren die u niet aanspreken*:</label>
            <div class="controls">
                <input type="text" class="input-large" name="dislikedcolors" id="dislikedcolors"/>
            </div>
        </div>
    </div>
</form>

http://jsfiddle.net/hMga4/1/