2013-08-06 78 views
43

基本上,我有幾個輸入字段,其中有一些文本前綴,
當我嘗試設置col-lg-4和col-lg- 8在input-group-addon和輸入字段本身,它不會做我想要做的事情並調整它們的大小。twitter bootstrap 3 input-group-addon並非全部大小相同

<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/
,說明我的問題。

任何人都可以擺脫一些光請嗎?

回答

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

.input-group { width: 100%; } 

第一部分設置你的插件的寬度,第二個力量的投入佔用所有的父容器。