Twitter bootstrap 3 input-group-addon не все одинакового размера

В основном у меня есть пара полей ввода, которые имеют диапазон, предварительно добавленный с некоторым текстом,
когда я пытаюсь установить col-lg-4 и col-lg-8 в add-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/
, который объясняет мою проблему.

Любой, кто может пролить свет, пожалуйста?

Ответ 1

попробуйте это

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

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

Ответ 2

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

.input-group { width: 100%; }

Первая часть устанавливает ширину ваших аддонов, вторая заставляет входы принимать все их родительские контейнеры.