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

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -