Domanda twitter bootstrap 3 input-group-addon non tutte della stessa dimensione


Fondamentalmente ho un paio di campi di input che hanno una spanna preceduta da un testo,
quando provo a impostare col-lg-4 e col-lg-8 sull'input-group-addon e sul campo di input stesso, non fa quello che ho cercato di fare e ridimensionarli.

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

Qualcuno può aiutarmi a ottenere che l'addon del gruppo di input abbia le stesse dimensioni
Ho creato un violino qui:
http://jsfiddle.net/Dzhz4/
questo spiega il mio problema.

Chiunque può far luce per favore?


44
2017-08-06 08:43


origine


risposte:


prova questo

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

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

84
2017-08-06 08:44



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

.input-group { width: 100%; }

La prima parte imposta la larghezza dei tuoi addon, la seconda impone agli input di occupare tutto il loro contenitore genitore.


12
2017-07-07 03:13