Bootstrap button group malfunction when they have tooltips -
i have single group button tooltip enabled each button. on hover in last button of group, tooltip causes misalignment , border of button no longer rounded. know tooltip style overriding button style cannot find is.
demo: bootply
update:
fixed changing <a>
element <button>
elemnt , using custom style
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; }
demo --> bootply
related post --> twitter bootstrap tooltips on buttons inside table not displaying correctly
try
$(".btn").tooltip({ 'placement': 'top', container: 'body' });
it worked me :)
Comments
Post a Comment