Css bootstrap v3：带有glyphicon的多个按钮的布局问题

bootstap v3上的多个带有glyphicon的按钮上存在布局问题

你可以在这里看到问题：

您可以使用FF ESR 45.2.0查看问题的快照：

您可以看到IE11问题的快照：

---

你能帮我解决boostrap的团队无法解决的问题吗，因为他们只在v4上工作？

尝试将此添加到标题标签中：

<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

---

我找到了解决此问题的方法。所以我在这里分享

解决引导问题的最佳方法是使用glyphicon设置多个按钮的高度。 高度必须设置为输入表单的高度（默认为34px）

---

您可以在这里看到它的作用：

您可以显示您的确切标记，包括按钮，因为我已经在IE11和FF中测试过了，没有问题吗？请参阅。我可以在bootstrap文档页面上看到这个问题，并使用您在codepen上的示例。当然，我的开发站点使用了这个bootstrap的hack。事实上，正如bootstrap问题中所描述的，我可以在bootstrap 3文档页面上看到这个问题，这里：因此，这不仅是我网站上的一个bug，而且是一个bootstrap问题！

/* CSS used here will be applied after bootstrap.css */
.input-group-btn-fix {
    vertical-align: top;
}
.btn-fix {
    height: 34px;
}