bootstrap, tooltip with dropdown, in button group seems to have an effect -
in bootstrap, tooltip dropdown, hover data-toggle attached 1 button in button group seems have effect when hover mouse on button responsible tool tip adjust position not good. please me.
here code:-
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" media="screen"/> <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen"/> </head> <body> <div class="btn-group"> <a href="#" class="btn btn-small btn-inverse add1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="add selected contacts">add</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"> <span class="caret"></span> </a> <a href="#" class="btn btn-small btn-inverse add1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="add selected contacts">add</a> <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"> <span class="caret"></span> </a> </div> <script type="text/javascript" src="js/jquery v1.9.1.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript"> // tooltip demo $('.add1').tooltip() </script> </body> </html>
try adding container: 'body'
option. append tooltip body instead of within buttons container.
$('.add1').tooltip({ container: 'body' })
Comments
Post a Comment