twitter bootstrap tooltips over buttons inside table not displaying correctly -


i'm trying show buttons tooltips inside table, using twitter bootstrap.

the problem tooltips inserts additional space between buttons, , last button doesn't have rounded corners anymore. how can fixed?

another problem if button opening modal dialog, upon closing button gets focus , tooltip shown again.

the buttons created ajax requests, here's how initialize tooltips:

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

});

here jsfiddle it: http://jsfiddle.net/danut007ro/y8vnr/

the problem this:

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

there border , using -1 margin hide oen side make single border line. if want stop jumping, remove rule, you'll see 2 border lines between buttons.

a real fix use this(in addition of removing above rule):

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

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -