ボタンのドロップダウンを使用すると、行が高すぎる Bootstrap テーブルがあります。これを止めるために使用できるCSSはありますか?
通常のボタンを使用した Bootstrap のテーブルは 100% 完璧ではないことに気付きました: http://twitter.github.com/bootstrap/base-css.html#tablesしかし、私のドロップダウン ボタンで起こっていることよりも優れています。
ここにフィドルがあります:http://jsfiddle.net/uEMtf/
HTMLは次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Page</title>
</head>
<body>
<table class="table table-bordered table-striped">
<tbody>
<tr><td>some stuff</td><td>some more stuff</td></tr>
<tr>
<td>here's something</td>
<td><div class="btn-toolbar"><div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Options<span class="caret"></span></button>
<ul class="dropdown-menu"> <li><a href="del"> Action 1</a></li>
<li><a href="details"> Action 2</a></li>
<li><a href="edit"> Action 2</a></li></ul></div></div>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td>here's something</td>
<td><button class="btn" href="#">Default</button></td>
</tr>
<tr>
<td>another row</td>
<td>with more stuff</td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
</body>
</html>