bootstrap3的输入框组在jsp中显示不正确

如下图，输入框和按钮宽度不一致，十分丑陋。

用的是bootstrap3，源码没改过。引用了官方上的一段代码，只是在Buttons注释下自己添加了button和span标签。

<div class="container-fluid">
    <div class="input-group">
        <input type="text" class="form-control" aria-label="...">
        <div class="input-group-btn">
            <!-- Buttons -->
            <button type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-list-alt"></span>
            </button>
        </div>
    </div>
</div>

排查过程：
1、一开始以为是很多css之间的样式冲突导致，或者是自己定义的样式与之冲突，结果全部去掉都不行。

2、然后把这段代码copy到webstorm以html运行，发现样式是正确的，如下图

3、到第2步时，我不相信是html和jsp的差异导致渲染不一致，于是把整个jsp代码拷贝到html，显示依然没有任何问题。

4、然后我试着把button里的span标签去掉，改成纯文本

<button type="button" class="btn btn-default" id="bt">Go!</button>

5、显示正确！

6、具体原因不得而知。