引导输入组插件未内联

Answer 1

Bootstrap 文档指出，当您使用

input-group-addon

时，必须在

input-group

中使用

form-group

类。

   <form>
      <label for="inputEmail">Company Name</label>
      <div class="input-group">
          <input type="text" class="form-control">
          <span class="input-group-addon">.test.com</span>
      </div>
        <div class="form-group">
            <label for="inputPassword">Password</label>
            <input type="password" class="form-control" id="inputPassword" placeholder="Password">
        </div>
        <button type="submit" class="btn btn-primary">Update</button>
    </form>

请参阅演示：http://jsfiddle.net/TLtQU/3/

编辑： 输入组不应包含标签，标签应位于输入组之外以获得正确的结果。

Answer 2

创建风格：

.input-group-inline {
    display: inline-flex; 
    width: auto; 
    vertical-align: middle;
}

并将其添加到类输入组中