对齐表单元素引导程序 3

【问题标题】：aligning form elements bootstrap 3对齐表单元素引导程序 3
【发布时间】：2023-03-04 19:05:01
【问题描述】：

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

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

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

【问题讨论】：

标签： html css forms alignment twitter-bootstrap-3

【解决方案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

【讨论】：