JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempor libero non magna tincidunt, a hendrerit arcu iaculis. Proin maximus turpis ac congue elementum. Aenean et luctus dui. Nam non eros convallis, interdum lacus vitae, faucibus leo. Proin
  vitae sollicitudin urna, ac consectetur magna. Proin non ullamcorper ex, sed porttitor nibh. Praesent consequat, leo ac cursus tincidunt, nibh ante maximus massa, viverra accumsan quam sem at velit. Proin sit amet urna vitae mi sodales ullamcorper iaculis
  eu risus. Phasellus suscipit mauris efficitur sapien egestas luctus. Aliquam scelerisque et purus nec convallis. Ut sodales id dolor et convallis.</p>
<div class="svg-wrap" data-toggle="tooltip" data-container="body" title="This tooltip doesn't work right.">
  <svg width="100px" height="100px" viewBox="0 0 100 100">
    <g>
      <circle fill="#fac" cx="50" cy="50" r="40" />
    </g>
  </svg>
</div>



<p data-toggle="tooltip" data-container="body" title="This tooltip works fine.">
  <strong>This also triggers a tooltip.</strong>
</p>

<p>In eget libero mi. Nam malesuada, mauris sed iaculis pharetra, velit enim sagittis lacus, sollicitudin bibendum ligula justo in orci. Ut finibus, ligula in mollis venenatis, sem ligula pellentesque diam, non bibendum justo mi nec ligula. Sed feugiat,
  nunc et malesuada consequat, justo nisi dapibus orci, ut facilisis turpis nunc eu dolor. Sed aliquam ante ac quam vulputate tristique. Etiam arcu est, ornare non volutpat vel, varius sit amet diam. Aliquam ornare condimentum augue, nec ullamcorper justo
  placerat sed.</p>

CSS

p {
  max-width: 20em;
}

.svg-wrap {
 
}

JavaScript

$(function(){
	$('[data-toggle="tooltip"]').tooltip({
  	trigger: 'click'
  });   
});