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
Post a Comment