Twitter bootstrap 3 input-group-addon not all the same size

Question

Basically I have a couple of input fields that have a range pre-added with some text,
when I try to set col-lg-4 and col-lg-8 in add-group-addon and the input field itself, it does not do what I tried to do and resize.

<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> 

Can someone help me get the input-group-addon get the same size
I created a fiddle here:
http://jsfiddle.net/Dzhz4/
which explains my problem.

Anyone who can shed light please?

Answer 1

try it

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%; } 

The first part sets the width of your add-ons, the second forces the inputs to accept all their parent containers.