bootstrap3：在不使用列的情况下在字段上方添加标签的内联表单

Question

引导程序documentation仅涵盖左侧＆＃34;标签;内联表格的案例。我不喜欢在不同列中拆分表单组的解决方案。

是否有其他方法可以获得所需的结果（字段上方的标签）？

我的代码类似于：

<form class="form-inline">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" class="form-control" id="name">
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input type="email" class="form-control" id="email">
  </div>
</form>

Answer 1

使用此风格：

.form-inline label {
 display: block;
}