JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="https://dl.dropboxusercontent.com/u/53805714/bootstrap.min.js"></script>
<!-- I've included jQuery, bootstrap.css, and bootstrap.min.js -->

<div style="text-align: center; width: 100%; margin-top: 50px;">
    <a href="#" class="postAuthor" data-original-title="@username">Full Name</a>    <p/><p/>
    <a href="#" class="postAuthor" data-original-title="@username">Full Name</a><p/>
    <a href="#" class="postAuthor" data-original-title="@username">Full Name</a><p/>
    <a href="#" class="postAuthor" data-original-title="@username">Full Name</a><p/>
    <a href="#" class="postAuthor" data-original-title="@username">Full Name</a>
</div>

JavaScript

$(function() {
    $("a").tooltip();
});