5

テキスト入力の先頭と末尾に追加された BS3 input-group-addon 要素の幅を設定するときに問題が発生します。この場合、input-group-addon 要素の幅は正しく設定されていますが、テキスト入力の幅がコンテナーの幅を埋めていません。ただし、これらが先頭または末尾に追加された 1 つの入力グループ アドオンのみである場合、幅の設定は期待どおりに機能します。例については、http://jsfiddle.net/asZXU/を参照してください。

BS3 input-group-addon 要素の幅を設定するにはどうすればよいですか? テキスト入力の前後に追加され、テキスト入力がコンテナーの残りの幅を埋めています。

注:style="width: 55px;すべてのバリエーションを示すことができるように、フィドルで使用する input-group-addon 要素の幅のみを設定しました。理想的には、次のようにして幅を設定できるようにしたいと思います。

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

2 に答える 2

4

This looks promising: http://jsfiddle.net/panchroma/D53TE/

Have added a class to the form group with CSS 

.svX3{
width:100%;
}

Good luck!

于 2013-08-22T17:13:09.587 に答える
2 
//add this to custom css,

.input-group-addon {
    min-width:100px;
}
于 2014-06-16T13:30:04.200 に答える