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