对齐表单元素bootstrap 3

Question

似乎无法将我的表单元素与引导程序3水平对齐。我尝试添加 .form-inline ，但仍然没有结果。这是我的形式。

 <form>
    <input type="input" />
    <select></select>
    <select name="something">
        <option value="1">1</option>

    </select>
    <input type="submit" value="submit" />
</form>

Answer 1

我认为您的表单元素周围缺少<div class="form-group">，您需要在字段中添加form-control类。来自文档：

<form class="form-inline" role="form">
  <div class="form-group">
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
  </div>
  ...
</form>

http://getbootstrap.com/css/#forms-inline