twitter引导工具提示在表内的按钮无法正确显示

Question

我正在尝试使用twitter bootstrap在表格中显示带有工具提示的按钮。

问题是工具提示在按钮之间插入了额外的空间，最后一个按钮不再有圆角。如何解决这个问题？

另一个问题是，如果按钮打开一个模态对话框，关闭它后按钮会获得焦点并再次显示工具提示。

按钮是由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边距隐藏oen边使它看起来像一条边界线。如果你想停止跳跃，然后删除该规则，但随后你会在按钮之间看到两条边界线。

真正的解决方法是使用它（除了删除上述规则）：

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

Answer 2

设置data-container =＆＃34; body＆＃34;按钮元素上的属性，它将工具提示元素附加到正文上。它可以纠正最后一个按钮上的加加速度和边界半径问题。