2013-08-22 3 views
5

Je rencontre des problèmes lors de la définition de la largeur des éléments d'un groupe d'entrées BS3 qui ont été ajoutés et ajoutés à une entrée de texte. Dans ce cas, la largeur des éléments addon-group-addon est correctement définie, mais la largeur de l'entrée de texte ne remplit plus la largeur du conteneur. Toutefois, s'il s'agit d'un seul addon de groupe d'entrées qui a été ajouté au début ou ajouté, la définition de la largeur fonctionne comme prévu. Pour plus d'informations, reportez-vous à http://jsfiddle.net/asZXU/.Réglage de la largeur de l'addon du groupe d'entrée BS3

Comment définir la largeur des éléments d'ajout de groupe d'entrée BS3 qui ont été ajoutés et ajoutés à une entrée de texte et dont l'entrée de texte remplit toujours la largeur restante du conteneur?

Note: J'ai seulement défini la largeur des éléments d'add-on-group-input en utilisant style="width: 55px; dans le violon pour pouvoir démontrer toutes les variations. Je voudrais idéalement être en mesure de régler la largeur en faisant quelque chose comme:

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

Répondre

4

Cela semble prometteur: http://jsfiddle.net/panchroma/D53TE/

ont ajouté une classe au groupe de forme avec CSS

.svX3{ 
width:100%; 
} 

Bonne la chance!

+0

Merci, si simple je ne peux pas croire que je ne pensais pas si cela! – rozzy

+0

Vous devez aimer simple :) –

2
//add this to custom css, 

.input-group-addon { 
    min-width:100px; 
} 
Questions connexes