当使用形式的搜索和输入附加到创建搜索表单，搜索按钮显示短

Question

这里的下面的fiddle和代码：

<form class="form-search"> 
    <div class="input-append"> 
     <input type="text" id="search-query" class="search-query" /> 
     <input type="button" id="search-submit" value="Find" class="btn" /> 
    </div> 
</form> 

该按钮显示了在IE或Chrome，但是当细用FF（至少15版）查看，按钮显示一小段。 我没有正确使用Bootstrap？

Answer 1

从doc，你应该使用button在那里你正在使用input：

<form class="form-search"> 
    <div class="input-append"> 
     <input type="text" id="search-query" class="search-query" /> 
     <button type="button" id="search-submit" class="btn" >Find</button> 
    </div> 
</form> 

http://jsfiddle.net/tk8Dc/7/

Answer 2

输入文本区域

另一个很好的特质（只是一个尖）对输入使用添加height: auto;是：

box-sizing: border-box; 
-webkitbox-sizing: border-box; 
-moz-box-sizing: border-box;