Bootstrap按钮没有与输入字段对齐(Bootstrap button not lining up with input field)

 我无法通过glyphicon-search按钮在引导程序中排队。 这不是一个独特的问题，我发现这个问题提出了类似的问题，除了接受和庆祝的答案对我不起作用。 就像答案一样，我有一个div输入组包装器应该排成一行，但它不起作用，你可以在我的jsfiddle中看到： 
 
 http://jsfiddle.net/pk84s94t/ 
 
<div class="input-group">
    <span class="input-group-btn">
        <button class="btn btn-default glyphicon glyphicon-search input-sm" type="submit"></button>
    </span>
    <input type="text" class="form-control input-sm">
</div>

I'm having trouble getting a glyphicon-search button to line up in bootstrap. This is not a unique problem, I found this question that asks a similar thing, except the accepted and celebrated answer isn't working for me. Just like the answer, I have a div input group wrapper that should line up the field, but it isn't working, as you can see in my jsfiddle:
 
http://jsfiddle.net/pk84s94t/
 
<div class="input-group">
    <span class="input-group-btn">
        <button class="btn btn-default glyphicon glyphicon-search input-sm" type="submit"></button>
    </span>
    <input type="text" class="form-control input-sm">
</div>

原文：https://stackoverflow.com/questions/36700643