Forms 引导形式>；输入字段网格问题>；仅在附加时有效

今天（v303）在我的引导表单上发现了一些奇怪的东西

我将标签设置为使用3列，将输入字段设置为使用9列，通常我希望这样可以扩展可用空间的全部宽度

但这些领域似乎有自己的想法，并正在调整自己的宽度。。。我似乎无法让他们延长。。即使我添加了更多的列

奇怪的是，对于我的带有引导前置字符的字段，它会像预期的那样全宽

截图：

代码：

A.
**@**
B

您错误地使用了

输入组

类

通过在任何基于文本的输入之前、之后或两侧添加文本或按钮来扩展表单控件。将

.input group

与

.input group addon

一起使用，以在单个

表单控件中预先添加或追加元素


输入组
只有在文本框前面和/或后面有其他元素时才能正常工作。因此，从第二次输入中，可以删除封闭的
input组
div，或者在标记中添加一些周围的内容

<div class="form-group">
  <label class="col-sm-3 control-label">A</label>
  <div class="col-sm-9">
    <div class="input-group">
      <span class="input-group-addon">@</span>
      <input type="text" class="form-control" placeholder="Username">
    </div>
  </div>
</div>
<div class="form-group">
  <label class="col-sm-3 control-label">B</label>
  <div class="col-sm-9">
    <input type="text" class="form-control" placeholder="Username">
  </div>
</div>


A.
@
B

<div class="form-group">
  <label class="col-sm-3 control-label">A</label>
  <div class="col-sm-9">
    <div class="input-group">
      <span class="input-group-addon">@</span>
      <input type="text" class="form-control" placeholder="Username">
    </div>
  </div>
</div>
<div class="form-group">
  <label class="col-sm-3 control-label">B</label>
  <div class="col-sm-9">
    <input type="text" class="form-control" placeholder="Username">
  </div>
</div>