54

基本的に、スパンの前にテキストが追加された入力フィールドがいくつかあります。input-group-addon と入力フィールド自体に col-lg-4 と col-lg-8 を設定しようとすると、期待どおりに動作せず、サイズが変更されます。

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

input-group-addon を同じサイズにするのを手伝ってくれる人はいますか?

ここでフィドルを作成しました: http://jsfiddle.net/Dzhz4/は私の問題を説明しています。

光を当てることができる人は誰ですか？

4

2 に答える 2

94

これを試して

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

.input-group-addon {
    min-width:300px;// if you want width please write here //
    text-align:left;
}
于 2013-08-06T08:44:46.710 に答える
16 
.input-group-addon { width: 50px; } // Or whatever width you want

.input-group { width: 100%; }

最初の部分はアドオンの幅を設定し、2 番目の部分は入力がすべての親コンテナーを占有するように強制します。

于 2014-07-07T03:13:24.660 に答える