css - glyphicon - Twitter bootstrap 3 input-group-addon no todos del mismo tamaño

input-group-addon color

Question

Básicamente, tengo un par de campos de entrada que tienen un intervalo prefijado con algún texto. Cuando intento establecer col-lg-4 y col-lg-8 en el addon-grupo-entrada y el campo de entrada en sí, no hace lo que esperaba que hiciera y redimensionándolos.

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

¿Puede alguien ayudarme a obtener el addon de grupo de entrada para obtener el mismo tamaño?

He creado un violín aquí: http://jsfiddle.net/Dzhz4/ que explica mi problema.

¿Alguien que pueda arrojar algo de luz por favor?

Answer 1

prueba esto

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

La primera parte establece el ancho de sus complementos, la segunda obliga a las entradas a ocupar todo su contenedor principal.