Bootstrap输入组文本没有按钮占用一半的空间

Question

我不知道这是否是一种假定的行为，但我遇到了input-group的奇怪之处。当其中只有文本输入时，文本框小于有按钮时的文本框。请参阅JSFiddle：https://jsfiddle.net/DTcHh/20367/

这是正常的吗？

Answer 1

由于您没有将我认为的任何内容分组，因此这被认为是正常的。通过添加输入插件，它可以扩展。

看到这个小提琴：https://jsfiddle.net/DTcHh/20370/

<div class="input-group">
    <!-- INPUT GROUP ADDON -->
    <span class="input-group-addon" id="basic-addon1">@</span>
    <input type="text" class="form-control">
</div>

另请阅读http://getbootstrap.com/components/#input-groups