2

私は現在Twitter Bootstrapを使用していますが、要素のサイズに関して問題があります。ボタンが追加された入力フィールドを作成したいと思います。そのため、入力とボタンタグを囲む「input-append」を含む div を使用しています。今私の問題：私はすべてをもう少し大きくしたい. そこで、ボタンタグにプロパティ「btn-large」を付けました。残念ながら、入力フィールドに同様のプロパティはないようです。追加されたボタンに入力フィールドを合わせるにはどうすればよいですか?

<div class="input-append">
    <input class="span3" id="appendedInputButton" size="16" type="text"><button class="btn btn-large" type="button"><i class="icon-search"></i></button>
</div>

私の問題の印象は次のとおりです。

ここに画像の説明を入力

よろしく、 クリストフ

4

2 に答える 2

2

ボックスのサイズをに定義しますinput field。このように書いてください：

input, button{
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
于 2012-08-16T10:00:25.867 に答える
1

次のスタイルを使用できます。大きくしたい場合は、パディングを増やします。

input, button{ 
    padding: 7px;    
}
于 2012-08-16T11:16:41.353 に答える