通过Twitter Bootstrap将按钮附加到输入字段

Question

我目前正在使用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>

这是对我的问题的印象：

此致 克里斯托弗

Answer 1

为您的input field定义大小调整。写得像这样：

input, button{
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}

Answer 2

您可以使用以下样式，如果您想要更大，则增加填充。

input, button{ 
    padding: 7px;    
}