0

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

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

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

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

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

});

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

4

2 に答える 2

0

問題はこれです：

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

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

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

.btn {
    border-left: 1px solid #ccc;
    }
.btn:last-child {
    border-right: 1px solid #ccc;
    }
于 2013-05-19T01:20:33.553 に答える