Bootstrap .form-inline但将标签保留在字段上方

Question

<div class="form-inline">
    <div class="form-group has-feedback">
        <label for="id_first_name">First Name</label>
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input class="form-control" id="id_first_name" name="first_name" type="text" />
        </div>
    </div>

    <div class="form-group has-feedback">
        <label for="id_last_name">Last Name</label>
        <div class="input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input class="form-control" id="id_last_name" name="last_name" type="text" />
        </div>
    </div>
</div>

我得到类似于此的输出：http://i.stack.imgur.com/YKvOY.png 但我希望标签位于字段上方。

我用谷歌搜索，我发现很多人都有同样的问题，但恰恰相反。它们在字段上方有标签，并希望它们在同一行中。但是我尝试了他们的代码，仍然没有工作。

Answer 1

我已经使用您提供的内容创建了this小提示。 form-group应该做到这一点。