twitter-bootstrap - テーブル内のボタン上の Twitter ブートストラップ ツールチップが正しく表示されない

Question

Twitterブートストラップを使用して、テーブル内にツールチップ付きのボタンを表示しようとしています。

問題は、ツールチップによってボタン間に追加のスペースが挿入され、最後のボタンの角が丸くなくなっていることです。これはどのように修正できますか？

もう 1 つの問題は、ボタンがモーダル ダイアログを開いている場合、それを閉じるとボタンがフォーカスを取得し、ツールヒントが再び表示されることです。

ボタンは ajax リクエストによって作成されるため、ツールチップを初期化する方法は次のとおりです。

$('body').tooltip({
selector: '[rel=tooltip]:not(.disabled)',
live: true,
container: 'body'

});

ここにjsfiddleがあります：http://jsfiddle.net/danut007ro/y8vNr/

Answer 1

問題はこれです：

.btn-group>.btn+.btn {
margin-left: -1px;
}

境界線があり、-1 マージンを使用して外側を非表示にし、1 つの境界線に見えるようにします。ジャンプをやめたい場合は、そのルールを削除しますが、ボタンの間に 2 本の境界線が表示されます。

実際の修正は、これを使用することです（上記のルールを削除することに加えて）：

.btn {
    border-left: 1px solid #ccc;
    }
.btn:last-child {
    border-right: 1px solid #ccc;
    }