Can you please take a look at this 
JsFiddle<http://jsfiddle.net/Behseini/v8Z4a/2/> and 
let me know that how I can center the tooltip inside the SVG? I already see 
the same question on this 
post<http://stackoverflow.com/questions/10727892/how-to-center-the-bootstrap-tooltip-on-an-svg>
 but 
to be honest it was too confusing for me!

Here is the code I have:

<div class="container">
 <div class="well">
  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
 width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 
400 400" xml:space="preserve">
    <ellipse class="firststar" cx="200" cy="200" rx="150" ry="150"/>
   </svg>
 </div></div>

and the jquery code:

$('.firststar').tooltip({title:'Test SVG Centering', container:'.well', 
placement: 'top'});

Thanks

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to