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

Question

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

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

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

这些按钮是由 ajax 请求创建的，所以这是我初始化工具提示的方式：

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

});

score 0 · Accepted Answer

问题是这样的：

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

有一个边框，您使用 -1 边距隐藏 oen 侧，使其看起来是一条边框线。如果您想停止跳跃，请删除该规则，但是您会在按钮之间看到两条边界线。

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

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

score 0 · Accepted Answer

在按钮元素上设置 data-container="body" 属性，该属性将工具提示元素附加到主体上。它纠正了最后一个按钮上的混蛋和边框半径问题。

2 回答 2