ブートストラップの分割ボタングループが正しくない高さ

Question

ブートストラップの分割ボタングループを使用中にブラウザの出力に問題があります。

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

電流出力：

予想される出力：

Answer 1

あなたのコードをすべて投稿していないので、私はあなたのサイトにたくさんのボタンがあると非常に速くない単純なJS機能を作っています。

var buttons = document.getElementsByTagName("button"); 
 
var buttonsAfterHeight = 0; 
 

 
for (var i = 0; i < buttons.length; i++) { 
 
\t var buttonsIntHeight = buttons[i].clientHeight; 
 
    
 
\t if (buttonsIntHeight > buttonsAfterHeight) { 
 
    \t buttonsAfterHeight = buttonsIntHeight; 
 
    } 
 
}; 
 

 
for (var i = 0; i < buttons.length; i++) { 
 
\t buttons[i].style.height = buttonsAfterHeight + "px"; 
 
};

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

Answer 2

あなたはマークアップが正常に動作しています。最新の3.xバージョンのBootstrapを使用していることを確認し、ボタンスタイルを上書きする他のCSSはありません。

http://www.codeply.com/go/YHfmz2wl4s