Bootstrap 输入组插件未内联

这是我的代码：http://www.bootply.com/iR1SvOyEGH http://www.bootply.com/iR1SvOyEGH

<form>
    <div class="form-group">
        <label for="inputEmail">Company Name</label>
  <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>

我的理解是 input-group-addon 应该与输入框内联并位于右侧，但它位于输入框下方，占据 100% 宽度。

谁能告诉我我哪里出了问题。

Bootstrap 文档指出input-group-addon类必须在 a 内使用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/ http://jsfiddle.net/TLtQU/3/

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