JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<p><span class="font-regular">We work with companies and organizations that are solving big problems</span>—like <a href="#" rel="tooltip" data-original-title="BLISS helps lift girls out of poverty in Pakistan through skills-based training and education">tackling systemic poverty</a>, <a href="#" rel="tooltip" data-original-title="One Degree Solar supplies affordable solar systems to off-grid households in Kenya">spreading access to clean energy</a>, and <a href="#" rel="tooltip" data-original-title="Nine Mile Run works to restore urban streams and watersheds in Pittsburgh, PA">protecting the environment</a>.</p>

CSS

body {
    padding: 100px;
}
/*
a {
    display: inline-block;
}
*/

JavaScript

$('p a').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() {
  $(this).tooltip('enable');
});