css - 使用 form-search 和 input-append 创建搜索表单时，搜索按钮显示较短

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 ，您应该在使用 input 的地方使用 button:

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