我有一个组按钮,每个按钮都启用了工具提示。
在组的最后一个按钮上悬停时,工具提示会导致未对齐,并且按钮的边框不再是圆形的。我知道工具提示样式覆盖了按钮样式,但我找不到在哪里。
演示:Bootply
更新:
通过更改 <a>
修复带有 <button>
的元素元素,然后使用自定义样式
按钮:
<button class="btn btn-small btn-danger" data-toggle="modal" title="Unlink" data-target="#@item.WOWorkPermitID"><i class="icon-resize-full icon-white"></i></button>
CSS:
.btn-group > .btn:last-of-type {
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
演示 --> Bootply
相关帖子 --> twitter bootstrap tooltips over buttons inside table not displaying correctly
最佳答案
尝试
$(".btn").tooltip({
'placement': 'top',
container: 'body'
});
它对我有用:)
关于twitter-bootstrap - 当有工具提示时, Bootstrap 按钮组出现故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18101675/