2013-08-22 12 views
5

Ho riscontrato qualche problema durante l'impostazione della larghezza degli elementi del componente di input del gruppo di input BS3 che sono stati aggiunti e aggiunti a un input di testo. In questo caso, la larghezza degli elementi di input-group-addon è impostata correttamente, ma la larghezza dell'input di testo non riempie più la larghezza del contenitore. Tuttavia, se si tratta di un solo componente del gruppo di input che è stato aggiunto o aggiunto, impostando la larghezza come previsto, vedere http://jsfiddle.net/asZXU/ per un esempio.Larghezza di impostazione del componente di gruppo di input BS3

Come impostare la larghezza degli elementi del componente di input del gruppo di input BS3 che sono stati premuti e aggiunti a un input di testo e che il riempimento del testo deve ancora riempire la larghezza rimanente del contenitore?

Nota: ho impostato solo la larghezza degli elementi di input-group-addon utilizzando style="width: 55px; nel violino per poter dimostrare tutte le varianti. Vorrei idealmente piace essere in grado di impostare la larghezza facendo qualcosa di simile:

.input-group-addon { 
    width: 55px; 
} 

risposta

4

Questo sembra essere molto promettente: http://jsfiddle.net/panchroma/D53TE/

hanno aggiunto una classe al gruppo form con i CSS

.svX3{ 
width:100%; 
} 

Buono fortuna!

+0

Grazie, così semplice, non posso credere di non averlo pensato! – rozzy

+0

Ti piace il semplice :) –

2
//add this to custom css, 

.input-group-addon { 
    min-width:100px; 
} 
Problemi correlati