Javascript 自举'；s拆分按钮组高度不正确

使用引导的拆分按钮组时，浏览器输出出现一些问题

考虑下面的

HTML

：

<div class="btn-group btn-group-lg dropup">
    <button class="btn btn-primary">SQL Server</button>
    <button class="btn btn btn-primary dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#">C#</a></li>
        <li><a href="#">ASP.NET</a></li>
        <li><a href="#">ADO.NET</a></li> 
    </ul>
 </div>

SQL Server

电流输出：

预期输出：

---

由于您没有发布所有代码，我制作了一个简单的JS函数，如果您的站点上有很多按钮，它可能不会很快

var buttons=document.getElementsByTagName（“按钮”）；
var buttonsAfterHeight=0；
对于（变量i=0；i按钮高度）{
buttonsAfterHeight=按钮高度；
}
};
对于（变量i=0；i

SQL Server





你很好。确保您使用的是最新的3.x版本的引导，并且没有其他CSS覆盖按钮样式

请发布所有代码，包括CSS和JS@ChrisHappy给定的代码是完整的。实际上，我在MVC应用程序中使用bootstrap，你也可以发布你的CSS吗？