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

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -