twitter bootstrap 3 input-group-addon不是全部大小相同

Question

基本上我有几个输入字段，其前缀有一些文本。当我尝试在input-group-addon和输入字段本身上设置col-lg-4和col-lg-8时，它不会按照我的预期执行并调整它们的大小。

<div class="input-group">
   <span class="input-group-addon">some text</span>
   <input type="text" class="form-control" id="current_pwd" name="current_pwd" />
</div>

任何人都可以帮我让输入组插件获得相同的尺寸吗？

我在这里创造了一个小提琴：http://jsfiddle.net/Dzhz4/解释了我的问题。

任何可以解决问题的人吗？

Answer 1

试试这个

http://jsfiddle.net/Dzhz4/1/

.input-group-addon {
    min-width:300px;// if you want width please write here //
    text-align:left;
}

Answer 2

.input-group-addon { width: 50px; } // Or whatever width you want

.input-group { width: 100%; }

第一部分设置插件的宽度，第二部分强制输入占用其所有父容器。